jquery validate _API


    // 在键盘按下并释放及提交后验证提交表单
    var validator = $("#signupForm").validate({
      ignore: [],//验证隐藏域
      rules: {
        username: {
          required: true,
          email: true,
          url: true,//必须输入正确格式的网址。
          phoneUS: true,//	验证美式的电话号码。
          byteRangeLength: [1, 2],//自定义校验
          date: true,//	必须输入正确格式的日期。日期校验 ie6 出错,慎用。
          dateISO: true,//	必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
          number: true,//必须输入合法的数字(负数,小数)。
          digits: true,//必须输入整数。
          creditcard: true,//必须输入合法的信用卡号。
          equalTo: "#field",//	输入值必须和 #field 相同。
          accept: "mp4",//	输入拥有合法后缀名的字符串(上传文件的后缀)。
          maxlength: 5,//	输入长度最多是 5 的字符串(汉字算一个字符)。
          minlength: 10,//	输入长度最小是 10 的字符串(汉字算一个字符)。
          rangelength: [5, 10],//	输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。复选框
          range: [5, 10],//输入值必须介于 5 和 10 之间。
          max: 5,//输入值不能大于 5。
          min: 10,//	输入值不能小于 10。
          remote: {//异步验证
            url: "check-email.php",     //后台处理程序
            type: "post",               //数据发送方式
            dataType: "json",           //接受数据格式   
            data: {                     //要传递的数据
              username: function () {
                return $("#username").val();
              }
            }
          }
        }
      },
      messages: {
        username: {
          required: "请输入用户名",
          minlength: "用户名必需由两个字符组成"
          //...
        },
      },
      submitHandler: function (form) {//提交事件
        form.submit();
        //$(form).ajaxSubmit();    //ajax模式提交 
      },
      errorPlacement: function (error, element) {//修改错误位置
        error.appendTo(element.parent());
      },
      success: function (label) {//元素通过验证后的动作
        label.html(" ").addClass("checked");
      },
      showErrors: function (errorMap, errorList) {//总共有多少个未通过验证的元素
        //this.numberOfInvalids()
        this.defaultShowErrors();
      },
      errorClass: ".error",//指定错误提示的 css 类名
      errorElement: "span",//用什么标签标记错误
      errorLabelContainer: $("#signupForm div.error"),//把错误信息统一放在一个容器里面。	
      wrapper: "li",//包裹errorELement
      debug: true,//表单不提交
      onsubmit: false,//提交时验证
      onfocusout: false,//失去焦点时验证(不包括复选框/单选按钮)
      onsubmit: false,//在 keyup 时验证。	
      onkeyup: false,//在点击复选框和单选按钮时验证。	
      focusInvalid: false,//提交表单后,未通过验证的表单会获得焦点。
      focusCleanup: false,//	如果是 true 那么当未通过验证的元素获得焦点时,移除错误提示。避免和 focusInvalid 一起用。
      ignore: ".ignore",//对某些元素不进行验证。

    })

    validator.form();//验证 form 返回成功还是失败。
    validator.element("name");
    validator.resetForm();//把前面验证的 FORM 恢复到验证前原来的状态。

    $("#name").rules("add", { required: true, min: 0, messages: { min: "" } });
    $("#name").rules("remove");

    $.validator.setDefaults({ debug: true })//设置默认属性

    jQuery.validator.addMethod("byteRangeLength", function (value, element, param) {
      //param 传入的参数
      return true;
    }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤独白鲸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值