jQuery validate 验证

jQuery validate 验证

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

//先引用

<form action="" id="ids">
        <tr>
            <td>请你输入姓名</td>
            <td><input type="text" name="uname"></td>
        </tr>
    <br>
    <tr>
        <td>请你输入密码</td>
        <td><input type="text" name="pwd"></td>
    </tr>
    <br>
     <tr>
         <td><input type="submit"></td>
     </tr>
</form>

//设置 id 和name

<script>
      $().ready(function (){
         $('#ids').validate({
             rules:{
                 uname:{
                      required:true,
                      minlength:2
                 },
                 pwd:{
                      required:true,
                     minlength:5
                 },
             },
             messages:{
                 uname:{
                   required:'请输入用户名',
                   minlength:'最少输入2个字符',
                 },
                 pwd:{
                     required:'请输入密码',
                     minlength:'请输入五个字符',
                 }
             }
         })
      });
</script>

//实施验证

                       

点击阅读全文

上一篇 2023年 5月 28日 am10:26
下一篇 2023年 5月 28日 am10:27