表单校验---validation检验

最新推荐文章于 2023-06-12 13:48:28 发布

躲不过这哀伤

最新推荐文章于 2023-06-12 13:48:28 发布

阅读量386

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/pro-simian/p/7216220.html

本文介绍了如何使用jQuery Validate插件进行表单验证。详细解释了校验规则和提示消息的配置方法，并提供了实例代码。

validate是jQuery插件，及必须在jQuery的基础上进行运行。所以首先要导入jQuery库，validate库和国际化资源库（可选）

validate需要手动声明，对那个表单进行校验，手动方式可以使用以下4种校验方式。

<script type="text/havascript">
    $().ready(function{
         $("#formId").validate();
     });
</script>

校验类型	取值	描述
required	true\|\|false	必填字段
email	email	邮件地址
url		路径
date	数字	日期
dateISO	字符串	日期（YYYY-MM-dd）
number		数字（负数，小数）
digits		整数
minlength	数字	最小长度
maxlength	数字	最大长度
rangelength	[minL,maxL]	长度范围
min		最小值
max		最大值
range	[min,max]	值范围
equalTo	jQuery表达式	两个值相同
remote	url路径	ajax校验

js代码方式

语法：
$(...).validate({
   rules:{},
   messages:{}  
});

rules规则语法：
    rules:{
      字段名：校验器，
      字段名：校验器
    }
校验器语法：
语法：｛校验器：值，校验器：值，...｝
messages提示语法：
messages：｛
   字段名：｛校验器："提示"，校验器："提示"，...｝ 
｝

例：

$("#formId").validate({
   rules:{
        username:{
           required:true
        },
        password:{
           required:true,
           rangelength:[2,5]    
        },
        repassword:{
            equalTo:"[name=password]"
        }
     },
     messages:{
        username:{
           required:"不能为空"
        },
        password:{
           rangelength:"长度｛0｝-｛1｝之间"   
        },
        repassword:{
            equalTo:"密码不一致"
        },

     } 
})

转载于:https://www.cnblogs.com/pro-simian/p/7216220.html