我有一个带有“名称”输入字段的表单,它对于整个应用程序应该是唯一的。当用户尝试保存表单时,检查通过 Ajax 调用进行。如果用户将“名称”留空,然后保存表单,则会出现验证错误。此后,“ name ”字段的每次击键都将导致 Ajax 调用。如何防止这种情况?
HTML:
<input type="text" name="name" value="${Name}" />
JS:
var validationParams = {
rules: {
name: {
required: true,
uniqueName: true
}
}
};
...
$.validator.addMethod("uniqueName", uniqueNameFn, 'error msg');
...
saveBtn.on('click', save);
...
function save() {
templateRegion.find(form).validate(validationParams);
if (!templateRegion.find(form).valid()) return;
$.ajax({ ... });
}
// FIRES ON EVERY KEYSTROKE IF 'required' VALIDATION INITIALLY FAILS
function uniqueNameFn(value, elemChanged) {
$.ajax({ ... });
}