0
点赞
收藏
分享

微信扫一扫

jQuery validate 验证

googlefrank 2022-05-04 阅读 114
php
<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>

//实施验证

举报

相关推荐

0 条评论