jquery-validate实现页面上的数据校验

蔚落 2023-06-28 08:55 4阅读 0赞

***1.引入相关文件.文章最后有提供链接,有需要可以下载使用***  
![在这里插入图片描述][20200108145032440.png]  
详细的使用方法参照文件中的菜鸟教程即可

$(function(){ 
       $("#editForm").validate({ 
           rules:{ 
              'emp.name':{ 
                  required: true,
                  minlength: 4
              },
              'emp.password':{ 
                  required: true,
                  minlength: 4
              },
               'repassword':{ 
                   equalTo:"#password"
               },
               'emp.email':{ 
                   email:true
               },
               'emp.age':{ 
                   range:[15,65]
               }
           },
           messages:{ 
               'emp.name':{ 
                   required: '用户名不能为空',
                   minlength: '用户名长度不能少于4位'
               },
               'emp.password':{ 
                   required: '密码不能为空',
                   minlength: '密码长度不能少于4位'
               },
               'repassword':{ 
                   equalTo:"验证码必须和密码一致"
               },
               'emp.email':{ 
                   email:" 请输入正确格式的电子邮件"
               },
               'emp.age':{ 
                   range:["年龄须在15~65之间"]
               }
           }
       });
    });

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ_size_16_color_FFFFFF_t_70]

[菜鸟教程提供的 1.14.0 版本下载地址：][1.14.0]

[jquery-validate相关文件][jquery-validate]  
提取码:g4ni

[20200108145032440.png]: https://img-blog.csdnimg.cn/20200108145032440.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200108150102278.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ==,size_16,color_FFFFFF,t_70
[1.14.0]: http://static.runoob.com/download/jquery-validation-1.14.0.zip
[jquery-validate]: https://pan.baidu.com/s/1wc4_plvSNpcAT4GUIiLY9w