Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态

前端之家收集整理的这篇文章主要介绍了Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

项目需求:

  输入手机号,实时判断手机号输入的是否符合规则:

  如果不合规则,则提交按钮为禁用状态,手机号信息不可提交,按钮显示灰色背景;

  如果符合规则,则可提交所输入的手机号信息,并将按钮背景设成红色。

代码如下:

<Meta charset="UTF-8"> Document
Box"> 确认领取

效果

  用户输入的手机号不合规则时:

用户输入的手机号符合规则时:

ps:jquery验证电话号码

用户填写的号码值 赋值给变量dianhua if(!isMobile.test(dianhua) && !isPhone.test(dianhua)){ //如果用户输入的值不同时满足手机号和座机号的正则 alert("请正确填写电话号码,例如:13415764179或0321-4816048"); //就弹出提示信息 $("#dianhua").focus(); //输入框获得光标 return false; //返回一个错误,不向下执行
原文链接:https://www.f2er.com/jquery/51473.html

猜你在找的jQuery相关文章