zoukankan      html  css  js  c++  java
  • atitit.jQuery Validate验证框架详解与ati Validate 设计新特性

    atitit.jQuery Validate验证框架详解ati Validate 设计新特性

     

    1. AtiValidate的目标1

    2. 认校验规则1

    2.1. 使用方式 1metadata用法,将校验规则写到控件中2

    2.2. 2、将校验规则写到js代码中2

    3. 校验2

    4. jquery的validate问题3

     

     

    1. AtiValidate的目标

    支持验证单个元素

    支持后端服务器验证

    支持html ext 标签的属性书写方式

    可以在btn-click时间中手动调用。

     

     

    2. 认校验规则

    (1)required:true               必输字段

    (2)remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值

    (3)email:true                  必须输入正确格式的电子邮件

    (4)url:true                    必须输入正确格式的网址

    (5)date:true                   必须输入正确格式的日期,日期校验ie6出错,慎用

    (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-231998/01/22 只验证格式,不验证有效性

    (7)number:true                 必须输入合法的数字(负数,小数)

    (8)digits:true                 必须输入整数

    (9)creditcard:true             必须输入合法的信用卡号

    (10)equalTo:"#password"        输入值必须和#password相同

    (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

     

    作者::  ★(attilax)>>>   绰号:老哇的爪子  全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊  汉字名:艾龙,  EMAIL:1466519819@qq.com

    转载请注明来源: http://blog.csdn.net/attilax

     

    2.1. 使用方式
    1metadata用法,将校验规则写到控件中

    四、使用class="{}"的方式,必须引入包:jquery.metadata.js
    可以使用如下的方法,修改提示内容:class="{required:true,minlength:5,messages:{required:'请输入内容'}}"
    在使用equalTo关键字时,后面的内容必须加上引号,如下代码:class="{required:true,minlength:5,equalTo:'#password'}"

     

    2.2. 2、将校验规则写到js代码中

     

     

     rules:{

                        myname:{

                            required:true

                        },

                        email:{

                            required:true,

                            email:true

                        },

                        password:{

                            required:true,

                            rangelength:[3,10]

                        },

                        confirm_password:{

                            equalTo:"#password"

                        }                    

                    },

    3. 校验

    默认使用form提交消炎

     

     

    如果想用ajax提交表单,还想用jquery的validate进行验证,可以采用如下方法。 
    1:表单还是正常编写的表单内容,button还是submit类型,只不过在validate验证通过后的方法中使用ajax提交表单 
    $("#saveWorkExtra").validate({ 

     

    4. jquery的validate问题

    Valid喧宾夺主,ajax方式不那么只管

    止咳form valid,不能element  valid。。

    不支持html ext 标签的属性书写方式,而是使用了class metadata方式,容易和ui框架冲突

     

    jQuery Validate验证框架详解 - Ruthless - 博客园.htm

  • 相关阅读:
    Codeforces训练记录
    2017中国大学生程序设计竞赛-杭州站
    Codeforces Round #636 (Div. 3)
    自适应Simpson积分
    2020牛客暑期多校训练营(第九场)- E. Groundhog Chasing Death
    2020 Multi-University Training Contest 6
    拉格朗日插值法学习笔记
    二次剩余学习笔记
    2020 Multi-University Training Contest 3
    2020 Multi-University Training Contest 2
  • 原文地址:https://www.cnblogs.com/attilax/p/5963389.html
Copyright © 2011-2022 走看看