jquery-validate

jquery的验证框架使用

jqury为我们提供了很多优秀的插件,同时jquery的扩展性和兼容性也非常好。

最近告别了java开发,频繁的使用jquery、js、ext等前端开发语言。

jquery-validate的简单应用;

$("#validateFormId").validate({   //要验证表单的ID   
        rules: {  
            fromName: "required"  //fromName 表单中的name
        },  
        messages: {  
           fromName:'必填字段'  //这里是验证提示信息
    });  


rules还有一些字段提供包括:
(1)required:true               必输字段
(2)remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)email:true                  必须输入正确格式的电子邮件
(4)url:true                    必须输入正确格式的网址
(5)date:true                   必须输入正确格式的日期
(6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true                 必须输入合法的数字(负数,小数)
(8)digits:true                 必须输入整数
(9)creditcard:                 必须输入合法的信用卡号
(10)equalTo:"#field"           输入值必须和#field相同
(11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10]               输入值必须介于 5 和 10 之间
(16)max:5                      输入值不能大于5
(17)min:10                     输入值不能小于10


messages与rules字段相符。

注意:更改提示信息的现实位置方法

你可能感兴趣的:(html)