jquery手机验证,jquery验证手机号
jQuery实现手机号正则验证输入及自动填充空格功能
本文实例讲述了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程序设计有所帮助。
jquery怎么发送手机验证码
短信验证码的目的是为了验证用户身份,绑定用户手机号码。
用户在网站系统或APP中注册等触发平台下发短信验证码的按钮或链接 这个网站系统或APP收到用户的请求和手机号码后生成一个验证码信息,并将这个验证码信息及手机号码一并提交到 第三方的短信平台 短信平台请此信息提交到运营商网关 运营商网关通过基站向指定的手机号码下发此验证码信息.
以上是巴卜短信平台处理客户验证码的一般流程,如有不清楚的可以进一步的沟通交流,希望我的回答能帮到您.
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的值就行
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
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'));
网页名称:jquery手机验证,jquery验证手机号
文章分享:http://ybzwz.com/article/dsdoeee.html