zoukankan      html  css  js  c++  java
  • validate插件深入篇

    1、使用valid()来验证表单是否填写正确:

    <form id="mainform">

      <button id="check"></button>

    </form>

    <script>

    $("#check").click(function(){

      alert($("#mainform").valid()?"正确":"错误");

    });

    </script>

    2、使用rules来获取校验规则:注意只能获取某个单个元素的校验规则,如$("username").rules()

    rule还可以增加元素规则:$("#username").rules("add",{minlength:2,maxlength:12});

    删除的话直接用:$("#username").rules("remove","minlength maxlength")//注意,删除时,多个规则之间用空格隔开

    3.validator对象

    那么如何来获取validator对象呢,因为validate()方法会返回一个validator对象,所以在js中,写成var validator=$("#mainForm").validate({........

    }),获取之后,可以在console中之间调用validator对象

    validator.form()表示该表单是否有效,返回值为true或false

    validator.element("#username")来验证元素是否有效

    validator.resetForm()//恢复到表单之前的状态

    validator.showErrors({

      username:"你填错了,吼吼吼",

      password:"密码也错了哦"

    })//这个主要用于自定义显示错误信息,当写了上述代码时,页面会立即显示该错误信息

    validator.numberOfInvalids()//返回无效的元素数量

    validator对象静态方法 :

    代码如下:

    <script>

    var validator;

    $(document).ready(function(){ 

      $.validator.setDefaults({

      debug:true;

      });

      validator=$("#mainForm").validate({

      ......

      });

    });

    </script>

    (1)注意,代码中用了$.validator.setDefaults(),这是静态方法,除此,还有:jQuery.validator.addMethod(),jQuery.validator.format(),$.validator.addClassRules(class,rules);

    使用如下:

    $.validator.addClassRules({

      txt:{

        required:true,

        minlength:5

        }

    });//txt表示包含classname为txt的元素

    这种方法给我们带来批量生产校验规则的方式。

  • 相关阅读:
    看opengl写代码(7) 使用混合数组(glInterLeavedArrays)
    三层交换机静态路由配置实现两网互通
    [leetcode] Insertion Sort List(python)
    Android 4.4环境搭建——配置AVD模拟器
    QlikView格式化某一个单元格
    浅谈触发器
    为什么镜像是左右而不是上下颠倒:4星|《环球科学》2018年08月号
    “第一公里”仍鲜被问津:4.5星|《财经》2018年第19期
    用故事做营销或管理,相关的8本书
    知识付费与内容创业相关的书9本
  • 原文地址:https://www.cnblogs.com/openflyme/p/4746305.html
Copyright © 2011-2022 走看看