jQuery Validation实例代码 让验证变得如此容易

2020-05-17 06:19:17易采站长站整理

jQuery.validator.addMethod(“validateCountries”, function(value, element)
{
var noOfSelectedCountries = $(“#Countries :selected”).length;
if(noOfSelectedCountries < 2) return false;
return true;
});


为错误提供错误信息

$(“#customerForm”).validate(
{
rules:
{
FirstName: { required:true },
LastName: { required:true },
Countries: { validateCountries:true }
},
messages:
{
FirstName: { required: “First Name is required” },
LastName: { required: “Last Name is required” },
Countries: { validateCountries:”Please select at least 2 items from the Countries” }
},
errorContainer:”#errors”,
errorLabelContainer:”#errors ul”,
wrapper:”li”
});


效果见下图


 


 好了 不多说了   本文提供源代码下载  自己研究吧  很晚了
源代码下载 http://xiazai.jb51.net/201010/yuanma/jQueryValidation_Demo_Download.rar