jQuery validate 验证

最新推荐文章于 2024-03-14 07:00:00 发布

1314520syq

最新推荐文章于 2024-03-14 07:00:00 发布

阅读量973

点赞数

分类专栏： php 文章标签： php

本文链接：https://blog.csdn.net/hzhandevery/article/details/124576603

版权

php 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<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>

//实施验证