2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > jQuery实现手机号码输入提示功能实例【jquery】

jQuery实现手机号码输入提示功能实例【jquery】

时间:2020-04-29 13:34:57

相关推荐

jQuery实现手机号码输入提示功能实例【jquery】

web前端|js教程

jQuery,手机号码,输入提示

web前端-js教程

本文实例讲述了jQuery实现手机号码输入提示功能的方法。分享给大家供大家参考。具体实现方法如下:

校友会 源码,vscode增加代码提示,pc 安装ubuntu,tomcat 无法打开主页,扇贝 爬虫,nginx 调用php,湖北seo优化来电咨询,购物网站店铺源代码,海洋cms影院模板lzw

jQuery手机号码输入提示*{margin:0;padding:0;}#main{width:728px;height:300px;padding:60px;margin:0 auto;border:5px solid #CCC;}input{border: 1px solid #666;}.a{border: 1px solid red;}.text-magnifier {background:none repeat scroll 0 0 #FFFFE4;border:1px solid #E6C99E;color:#FF4800;height:50px;left:170px;padding:5px 0 0 10px;position:absolute;top:30px;width:200px;font:20px Tahoma,Helvetica,Arial,Simsun,sans-serif;}.text-magnifier .mag-explain {border-top:1px solid #E6C99E;color:#6C6C6C;font-size:12px;margin-top:5px;width:190px;}.fn-hide{display:none}$(function(){$("#k").focus(function(evt){$(this).addClass("a");if(this.value.length>0){a(this);d(this);}})$("#k").keyup(function(evt){if(this.value.length==0){e();}else{a(this);}d(this);})$("#k").blur(function(evt){$(this).removeClass("a");e();this.value=this.value})})//计算div的left和top,显示divfunction a(evt){var y = 20;y = $(evt).outerHeight();$("#textMag").removeClass("fn-hide");var t = $(evt).offset().top;var l = $(evt).offset().left;$("#textMag").css({"top": (t+y) + "px","left":l + "px"}); }//隐藏divfunction e(){$("#textMag").addClass("fn-hide")}//控制div里显示的数字function d(e){var i = e.value;i=$.trim(i);var h=i.substring(0,3);i=i.substring(3);while(i&&i.length>0){h+=" "+i.substring(0,4);i=i.substring(4)}$("#mag-text").html(h);}

手机号码:

手机号码是11位数字

/

苏宁电商app源码,vscode调试h5,ubuntu 内网ssh,tomcat自带例子在哪,爬虫摘要认证,php股票走势图,seo 2具有的性质,带采集小说网站源码,dedecms模板如何使用lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。