欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-18 20:03:59
...
项目需求:

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

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

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

代码如下:



Document

效果:

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

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

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

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

ps:jquery验证电话号码

var isMobile=/^(?:13\d|15\d|18\d)\d{5}(\d{3}|\*{3})$/; //手机号码验证规则
var isPhone=/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;  //座机验证规则
var dianhua = $("#dianhua").val();          //获得用户填写的号码值 赋值给变量dianhua
if(!isMobile.test(dianhua) && !isPhone.test(dianhua)){ //如果用户输入的值不同时满足手机号和座机号的正则
  alert("请正确填写电话号码,例如:13415764179或0321-4816048"); //就弹出提示信息
  $("#dianhua").focus();    //输入框获得光标
  return false;     //返回一个错误,不向下执行
相关标签: jquery验证手机号