jquery手机验证,jquery验证手机号

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

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

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

具体代码：

!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程序设计有所帮助。

相关问答

Q1: jquery怎么发送手机验证码

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

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

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

Q2: jquery 简单的表单验证 需求 写出判断(手机号码 密码 验证的密码)三者同时成立的判断语句 附上代码

var error = 0;

$(function(){

//手机号码验证

$(".ipt1").blur(function(){

var num = $.trim($(".ipt1").val())

if(num ==""){

$(".ipt1-1").show();

$(".ipt1").css("border","1px solid #f00")

error = 1;

return false;

}

if(num!=""){

var reg = /^1((3[0-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;

if(!reg.test(num))

{

$(".ipt1-2").show();

$(".ipt1").css("border","1px solid #f00")

error = 1;

return false;

}else{

$(".ipt1-3").show();

error = 0;

return true;

}

}

})

密码也是一样 ,最后判断error的值就行

Q3: 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

Q4: 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'));