jQuery实现手机号正则验证输入及自动填充空格功能

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考，具体如下：

创新互联建站凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势，提供专业的网站策划、网站建设、网站制作、网站优化、软件开发、网站改版等服务，在成都10余年的网站建设设计经验，为成都上千中小型企业策划设计了网站。

先来看看运行效果（在删除时连删即可）：

具体代码：

!DOCTYPE

html

html

lang="en"

head

meta

charset="UTF-8"

titleDocument/title

/head

body

input

type="text"

id="inp"

script

src="jquery-1.12.3.min.js"/script

script

$(function(){

$("#inp").keyup(function(){

/*

手机号验证时：

var

pattern

=

/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;

pattern.test(str);

*/

_self

=

$(this);

if(_self.val().length

==

3

||

_self.val().length

==

8){

var

str

=

_self.val()+"

";

_self.val(str);

}

});

});

/script

/body

/html

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：

正则表达式在线生成工具：

更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jquery实现手机发送验证码的倒计时代码

复制代码

代码如下:

var

wait=60;//时间

function

time(o,p)

{//o为按钮的对象，p为可选，这里是60秒过后，提示文字的改变

if

(wait

==

0)

{

o.removeAttr("disabled");

o.val("点击发送验证码");//改变按钮中value的值

p.html("如果您在1分钟内没有收到验证码，请检查您填写的手机号码是否正确或重新发送");

wait

=

60;

}

else

{

o.attr("disabled",

true);//倒计时过程中禁止点击按钮

o.val(wait

+

"秒后重新获取验证码");//改变按钮中value的值

wait--;

setTimeout(function()

{

time(o,p);//循环调用

},

1000)

}

}

视图：

复制代码

代码如下:

input

class="mem_btn

mem_btn26"

type="submit"

name="yt0"

value="点击发送验证码"

id="btn"

调用：

复制代码

代码如下:

echo

CHtml::ajaxSubmitButton('点击发送验证码',

CHtml::normalizeUrl(

array('/ajax/sendGetPassMobilCaptcha','zm_id'=$model-zm_id)

),

array('success'='function(result){

if(result==1){

$(".ys_98").html("验证码发送成功，请及时检查您的手机。");

time($("#yt0"),$(".ys_98"))

}else{

$(".ys_98").html("验证码发送失败，请重试，或联系管理员。");

}

}','data'="zm_id=".$model-zm_id."zm_mob=".$model-zm_mob."zm_name=".$model-zm_name

),

array('class'='mem_btn

mem_btn26'));

jsp利用js验证手机号的整体流程是什么？

验证130-139,150-159,180-189号码段的手机号码，参考如下：\x0d\x0a\x0d\x0avar myreg = ^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$; \x0d\x0aif(!myreg.test($("#phone").val())) \x0d\x0a{ \x0d\x0a alert('请输入有效的手机号码！'); \x0d\x0a return false; \x0d\x0a} \x0d\x0a\x0d\x0a\x0d\x0afunction validatemobile(mobile) \x0d\x0a { \x0d\x0a if(mobile.length==0) \x0d\x0a { \x0d\x0a alert('请输入手机号码！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a if(mobile.length!=11) \x0d\x0a { \x0d\x0a alert('请输入有效的手机号码！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a 以上代码是在jquery下调试的。不需要jquery的代码 \x0d\x0a var myreg = ^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$; \x0d\x0a if(!myreg.test(mobile)) \x0d\x0a { \x0d\x0a alert('请输入有效的手机号码！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a }

jquery怎么发送手机验证码

短信验证码的目的是为了验证用户身份，绑定用户手机号码。

用户在网站系统或APP中注册等触发平台下发短信验证码的按钮或链接 这个网站系统或APP收到用户的请求和手机号码后生成一个验证码信息，并将这个验证码信息及手机号码一并提交到 第三方的短信平台 短信平台请此信息提交到运营商网关 运营商网关通过基站向指定的手机号码下发此验证码信息．

以上是巴卜短信平台处理客户验证码的一般流程，如有不清楚的可以进一步的沟通交流，希望我的回答能帮到您．

jQuery 手机号码验证

p手机 : input type="text" maxlength="11" id="shouji"span/span/p

p密码 : input type="text" maxlength="11" id="password"span/span/p

script

var Val={

isMobile:function(s){return this.test(s,/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/)},

isEmail:function(a){var b ="^[-!#$%'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%'*+\\/0-9=?A-Z^_`a-z{|}~]+.[-!#$%'*+\\./0-9=?A-Z^_`a-z{|}~]+$";

return this.test(a, b);},

isNumber:function(s,d){return !isNaN(s.nodeType==1?s.value:s)(!d||!this.test(s,"^-?[0-9]*\\.[0-9]*$"))},

isEmpty:function(s){return !jQuery.isEmptyObject(s)},test:function(s,p){s=s.nodeType==1?s.value:s;return new RegExp(p).test(s)}};

//上面给你一个常用的验证代码，比较使用

$("#shouji").blur(function(){

var v=$(this).val();

var n=$(this).next();

if(!Val.isMobile(v)){

n.html("font color='red'请输入正确的手机号码/font");

$

}else{

n.text("正确");

}

});

//不需要返回false什么的 因为你不是提交表单，

$("#password").blur(function(){

var v=$(this).val();

var n=$(this).next();

if(v.length6){

n.html("font color='red'密码不能少于6位/font");

$

}else{

n.text("正确");

}

});

/script