ajax异步提交以及nicevalidator自定义验证示例

-----js-----

var rb = $("#submitApply").on("click", function(e) {//按钮提交事件

$("#infoForm").trigger("validate");
return false;
});

$("#infoForm").validator({
stopOnError: false,
   timely: false,
   messages:{
    checked:"请选择{0}"
   },
invalid:function(form, errors) {//不合法验证
if ($("input[name='beneficiaryBank']").hasClass("n-invalid"))
    $("#beneficiaryBankSelContainer").addClass("n-invalid");
    else
    $("#beneficiaryBankSelContainer").removeClass("n-invalid");
},
valid:function(form) {//合法验证
$("#beneficiaryBankSelContainer").removeClass("n-invalid");
if (rb.prop("disabled"))
            return;
//验证暂时不做
rb.prop("disabled", true).addClass("cf-disabled");
$.ajax({
               url:service + "/funds/withdraw/apply",
               type:"POST",
               dataType: 'json',
               data:$("#infoForm").serialize(),//获取表单提交内容
               success:function(d) {
                rb.prop("disabled", false).removeClass("cf-disabled");
                if (d.status == 0) {
                d.url = ctx + "/my/funds/withdrawOk.jsp";
                }
                   if (d.url)
                  window.location.href=d.url;//自定义跳转
               },
               error:function(data) {
                   rb.prop("disabled", false).removeClass("cf-disabled");
               }
           });
}

});

-----jsp-----

<div class="cf-select" id="beneficiaryBankSelContainer">
<div class="cf-select-txt">请选择收款银行</div>
<div class="cf-select-li cf-select-li-bank"">
<p value="null_">请选择收款银行</p>
<% for (String bank : banks) {%>
<p value="<%=bank%>（香港）"><%=bank%>（香港）</p>
<%} %>
<p value="other_">其它银行</p>
</div>
</div>