本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考，具体如下：
创新互联建站专注于企业营销型网站建设、网站重做改版、江干网站定制设计、自适应品牌网站建设、H5技术、购物商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为江干等各大城市提供网站开发制作服务。
先来看看运行效果（在删除时连删即可）：
具体代码：
!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程序设计有所帮助。
短信验证码的目的是为了验证用户身份，绑定用户手机号码。
用户在网站系统或APP中注册等触发平台下发短信验证码的按钮或链接 这个网站系统或APP收到用户的请求和手机号码后生成一个验证码信息，并将这个验证码信息及手机号码一并提交到 第三方的短信平台 短信平台请此信息提交到运营商网关 运营商网关通过基站向指定的手机号码下发此验证码信息．
以上是巴卜短信平台处理客户验证码的一般流程，如有不清楚的可以进一步的沟通交流，希望我的回答能帮到您．
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的值就行
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
复制代码
代码如下:
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'));
