精简表单验证（正则表达式与jquery的完美结合）

Html

Css

//账号验证
 function zhanghao_yz() {
     var reg = /^[A-Za-z]\w+$/; //正则表达式 必须以字母开头的账号
     if ($("#account").val().search(reg) == -1) {
         $("#account").next().html("账号必须是以 字母开头的 可以包含数字字母下划线的字符串");
         /*alert("密码只能是6-9位数字");*/
         return false;
     } else {
         $("#account").next().html("账号验证成功");
         /*  alert("验证成功");*/
         return true;
     }
     return true;
 }
 //密码验证  让其只能是 6位 纯数字的密码
 function password_check() {
     var reg = /^\d{6,9}$/; //正则表达式 必须以数字开头和结尾  6-9位
     if ($("#passwordId").val().search(reg) == -1) {
         $("#passwordId").next().html("密码只能是6-9位数字");
         /*alert("密码只能是6-9位数字");*/
         return false;
     } else {
         $("#passwordId").next().html("密码验证成功");
         /*  alert("验证成功");*/
         return true;
     }
     return true;
 }

//邮箱验证
 function email_check() {
     var reg = /^\w+@\w+(\.\w+){1,2}$/; //因为邮箱 xxx @ xxx . xxx     xxx 可以是 数字字母下划线 结束 可以 是 .com 或者 .com.cn
     if ($("#emailId").val().search(reg) == -1) {
         $("#emailId").next().html("邮箱格式不正确 xxx @ xxx . xxx");
         /*alert("密码只能是6-9位数字");*/
         return false;
     } else {
         $("#emailId").next().html("邮箱验证成功");
         return true;
     }
     return true;
 }

//手机验证
 function mobile_check() {
     var reg = /^(13|15|17|18)\d{9}$/; //因为邮箱 xxx @ xxx . xxx     xxx 可以是 数字字母下划线 结束 可以 是 .com 或者 .com.cn
     if ($("#mobile").val().search(reg) == -1) {
         $("#mobile").next().html("手机格式不正确 应该是 1 （3|5|7|8）xxx xxx xxx  总共11位的纯数字");
         /*alert("密码只能是6-9位数字");*/
         return false;
     } else {
         $("#mobile").next().html("手机验证成功");
         return true;
     }
     return true;
 }

//网站验证
 function web_check() {
     var eg3 = /^http:\/\/www\..+?(\.\w+){1,2}$/g;
     var str = $("#web").val();
     if (str.search(eg3) !== -1) //找到了  就 不等于 -1了
     {
         $("#web").next().html("网站验证正确");
         return true;
     } else {
         $("#web").next().html("注意网站的书写格式");
         return false;
     }
     return true;
 }
 $("#account").blur(zhanghao_yz);
 $("#passwordId").blur(password_check);
 $("#passwordId2").blur(password_check2);
 $("#emailId").blur(email_check);
 $("#mobile").blur(mobile_check);
 $("#web").blur(web_check);

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

精简表单验证（正则表达式与jquery的完美结合）

代码描述：精简表单验证（正则表达式与jquery的完美结合），无乱七八糟的样式，直截了当的用正则表达式完成最高效的前端，表单验证。

可以玩没制作成插件，与君共享

1

最新

发表评论全部评论

暂时没有评论！

随遇而安0

2017/6/7 16:06:41

哪位大佬说下正则表达式以及这个的意义跟用法啊
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

der

相关代码

JQuery表单验证