var form2 = null; function cheackForm(formId) { form2 = jQuery("#" + formId); var error2 = $('.alert-error', form2); var success2 = $('.alert-success', form2); form2.validate({ errorElement: 'span', //default input error message container errorClass: 'help-inline', // default input error message class focusInvalid: false, // do not focus the last invalid input ignore: "", errorPlacement: function (label, element) { //单个验证错误提示 jQuery(element).parent('.input-icon').find('span.input-warning').attr("title", label.html()); jQuery(element).parent('.input-icon').find('span.input-warning').addClass("fa fa-exclamation-triangle"); }, invalidHandler: function (event, validator) { //display error alert on form submit success2.hide(); error2.show(); // App.scrollTo(error2, -200); }, highlight: function (element) { // highlight error inputs element.style.borderColor = "#b94a48"; jQuery(element).parent('.input-icon').find("i").removeClass("fa-ok").addClass("fa-exclamation-sign"); jQuery(element).parent('.input-icon').find("i").css("display", "block"); }, unhighlight: function (element) { // revert the change done by highlight element.style.borderColor = ""; jQuery(element).closest('.control-group').removeClass('error'); // set error class to the control group jQuery(element).parent('.input-icon').find("span.input-warning").removeClass("fa-exclamation-sign").addClass("fa-ok"); jQuery(element).parent('.input-icon').find("span.input-warning").css("display", "none"); jQuery(element).parent('.input-icon').find("i").removeClass("fa-exclamation-sign").addClass("fa-ok"); jQuery(element).parent('.input-icon').find("i").css("display", "none"); }, success: function (label) { try { label .addClass('valid').addClass('help-inline ok') // mark the current input as valid and display OK icon .closest('.control-group').removeClass('error').addClass('success'); // set success class to the control group label.remove(); } catch (e) { } }, submitHandler: function (form) { success2.show(); error2.hide(); } }); }