jQuery Validator-优快云博客

What is it?

jQuery framework to do form validation with less codes

How to use it?

Validate

$("#myform").validate({
  rules: {
    // simple rule, converted to {required:true}
    name: "required",
    // compound rule
    email: {
      required: true,
      email: true
    }
  }
});

Validate with error message to show:

$("#myform").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    }
  },
  messages: {
    name: {
      required: "We need your email address to contact you",
      minlength: jQuery.validator.format("At least {0} characters required!")
    }
  }
});

Add method

jQuery.validator.addMethod("laxEmail", function(value, element) {
  // allow any non-whitespace characters as the host part
  return this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@(?:\S{1,63})$/.test( value );
}, 'Please enter a valid email address.');

Override method

This is same as Add method, and it will take effective to override existing and even base one like "required"

Destory

/*
 * On SPA page start.
 */
var validator = $( "#myform" ).validate();
 
/*
 * Just before SPA page's navigation away.
 */
validator.destroy();
 
/*
 * After this point the #myForm form is back to its original boring state.
 */