function(){
$("#register_company_admin_form").validate({
rules:{
"completeUserDTO.company.name" :"required",
"completeUserDTO.company.address.address1": "required",
"completeUserDTO.company.address.city": "required",
"completeUserDTO.company.address.zipCode": "required",
"completeUserDTO.company.siteShortName": "required",
"completeUserDTO.company.siteUrl" : { required: true,url: true },
"completeUserDTO.company.siteLoginUrl" : { required: true,url: true }
},
messages: {
"completeUserDTO.company.name" : "Please enter your Company Name.",
"completeUserDTO.company.address.address1": "Please enter your Address.",
"completeUserDTO.company.address.city": "Please enter your City.",
"completeUserDTO.company.address.zipCode": "Please enter your ZipCode.",
"completeUserDTO.company.siteShortName": "Please enter your Site Short Name.",
"completeUserDTO.company.siteUrl" : { required: "Please enter your Site Url.",url:"Please enter valid Site Url, start with http:// ."},
"completeUserDTO.company.siteLoginUrl" : { required: "Please enter your Site Login Url.",url:"Please enter valid Site Login Url, start with http:// ."}
}
});
form
<s:form id="register_company_admin_form" action="xxx" method="post">
<div class="search-vin1">
<div class="user-account"><ul><li>Create the third-party integration Client</li></ul></div>
<div class="user-import">
<div class="user-import-list1">
<div class="user-content-left"><ul><li>Company Name:</li></ul></div>
<div class="user-content-left1"><ul><li>*</li></ul></div>
<div class="user-input-from"><s:textfield name="completeUserDTO.company.name" /></div>
</div>
errorPlacement:Callback
Default: 把错误信息放在验证的元素后面
指明错误放置的位置,默认情况是:error.appendTo(element.parent());即把错误信息放在验证的元素后面
errorPlacement: function(error, element) {
error.appendTo(element.parent());
}
错误的时候会默认在input 元素后面生成
<label for="register_company_admin_form_completeUserDTO_company_name" generated="true" class="error">Please enter your Company Name.</label>