jQuery plugin: Validation 样例

链接： http://plugins.jquery.com/project/validate

 

jQuery plugin: Validation  样例1(参考Validation的Demo)：

$("#FormQuery").validate({

    // 定义验证规则  
    rules: {
        input1: "required",
        username: {  required: true,  minlength: 2  	},
        password: {  required: true,  minlength: 5 		},
        confirm_password: { required: true,  equalTo: "#password"  },
        email: {  required: true,  email: true }
    } ,

    // 定义验证信息 
    messages: {
		input1: "需要指定统计月份",
		username: { required: "请输入用户名",minlength: "用户名至少需要2个字符" },
        password: { required: "Please provide a password", minlength: " 5 characters long" },
    	confirm_password: {
			required: "Please provide a password",
			equalTo: "Please enter the same password as above"
		},
		email: "Please enter a valid email address"

    }

});

 

示例2 - 设定必填的字段

 

$( "#name" ).addClass( "required" ); 	// 验证字段：必填

$("form" ).validate(  );

 

示例3 - 只验证可见的表单元素 / 不验证不可见的表单元素

 

$("form" ).validate( {ignore:":not(:visible)"} );

 

参考: jquery validation only for visible controls