表单校验---validation检验

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:"密码不一致"
        },

     } 
})    

 

posted @ 2017-07-21 10:03  日常写bug  阅读(531)  评论(0编辑  收藏  举报