jq自定义校验规则校验手机号

最新推荐文章于 2024-07-21 03:04:09 发布

tianzhen620

最新推荐文章于 2024-07-21 03:04:09 发布

阅读量436

点赞数

文章标签： jq 表单校验

本文链接：https://blog.csdn.net/tianzhen620/article/details/88998742

版权

在jq提供的校验规则不能满足要求时，需要自定义校验规则：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>表单校验</title>
       <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
       
       <script src="js/jquery.validate.min.js" type="text/javascript"></script>
       <style>
           body {
               margin-top: 20px;
               margin: 0 auto;
           }

           .carousel-inner .item img {
               width: 100%;
               height: 300px;
           }

           font {
               color: #3164af;
               font-size: 18px;
               font-weight: normal;
               padding: 0 10px;
           }

           .error {
               color: red
           }
       </style>

           $(function() {
               $("#myform").validate({
                   rules: {
                       "username": {
                           "required": true,
                           "checkPhone": true
                       }
                   },
                   messages: {
                       "username": {
                           "required": "手机号不能为空",
                           "checkPhone": "手机号不正确"
                       }
                   }
               });
           });
       </script>