重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文实例讲述了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程序设计有所帮助。
复制代码
代码如下:
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'));
验证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 }
短信验证码的目的是为了验证用户身份,绑定用户手机号码。
用户在网站系统或APP中注册等触发平台下发短信验证码的按钮或链接 这个网站系统或APP收到用户的请求和手机号码后生成一个验证码信息,并将这个验证码信息及手机号码一并提交到 第三方的短信平台 短信平台请此信息提交到运营商网关 运营商网关通过基站向指定的手机号码下发此验证码信息.
以上是巴卜短信平台处理客户验证码的一般流程,如有不清楚的可以进一步的沟通交流,希望我的回答能帮到您.
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