ASP MVC jQuery验证onfocusout在工作，但不能在表单提交

Question

我有我的ASP MVC项目和jQuery客户端验证的一个问题。 问题是，当按下提交按钮时，表单被验证，但错误没有显示，表单被提交。 只有在验证方法中调用valid（）时才会出现问题。 例如：我有一个isdatebefore和isdate之后的验证方法。 我想检查#start是否在#end之前。 因此，验证#start时，它也会在#end上进行验证，以确保错误消息在两个元素上都显示/消失。 我添加了验证onfocusout，这工作得很好（在#start和#ejnd字段和表单中的所有其他字段）。 但是，当我按下提交按钮，表单被验证（我放置了一些断点，以查看方法是否被调用），但提交，虽然存在错误。

这里是我的代码：

// Add IsDateAfter validation 
$.validator.addMethod("isdateafter", function (value, element, params) { 
    var self = $(element); 
    var parts = element.name.split("."); 
    var prefix = ""; 
    for (var i = 0; i < parts.length - 1; i++) 
     prefix = parts[i] + "."; 
    var otherElement = $('input[name="' + prefix + params.propertytested + '"]'); 
    var startdatevalue = otherElement.val(); 
    if (!value || !startdatevalue) 
     return true; 
    var allowequal = params.allowequaldates.toLowerCase() === "true"; 
    var start = Globalize.parseDate(startdatevalue); 
    var end = Globalize.parseDate(value); 
    if (!self.data('reval')) { 
     self.data('reval', true); 
     otherElement.data('reval', true); 
     otherElement.valid(); 
     self.data('reval', false); 
     otherElement.data('reval', false); 
    } 
    var isValid = allowequal ? start <= end : 
     start < end; 
    if (isValid) { 
     self.removeClass('input-validation-error'); 
    } 
    return isValid; 
}); 

$.validator.unobtrusive.adapters.add(
    'isdateafter', ['propertytested', 'allowequaldates'], function (options) { 
     options.rules['isdateafter'] = options.params; 
     options.messages['isdateafter'] = options.message; 
    }); 

// Add IsDateBefore validation 
$.validator.addMethod("isdatebefore", function (value, element, params) { 
    var self = $(element); 
    var parts = element.name.split("."); 
    var prefix = ""; 
    for (var i = 0; i < parts.length - 1; i++) 
     prefix = parts[i] + "."; 
    var otherElement = $('input[name="' + prefix + params.propertytested + '"]'); 
    var startdatevalue = otherElement.val(); 
    if (!value || !startdatevalue) 
     return true; 
    var allowequal = params.allowequaldates.toLowerCase() === "true"; 
    var start = Globalize.parseDate(startdatevalue); 
    var end = Globalize.parseDate(value); 
    if (!self.data('reval')) { 
     self.data('reval', true); 
     otherElement.data('reval', true); 
     otherElement.valid(); 
     self.data('reval', false); 
     otherElement.data('reval', false); 
    } 
    var isValid = allowequal ? start >= end : 
     start > end; 
    if (isValid) { 
     $(element).removeClass('input-validation-error'); 
    } 
    return isValid; 
}); 

$.validator.unobtrusive.adapters.add(
    'isdatebefore', ['propertytested', 'allowequaldates'], function (options) { 
     options.rules['isdatebefore'] = options.params; 
     options.messages['isdatebefore'] = options.message; 
    }); 

代码工作正常与onfocusout在事件，但有问题文称为onsubmit事件里。 当我删除调用otherElement.valid（）;一切工作再次（但我需要验证其他元素，使其正常工作）。

所以没有任何人知道我可以保持一个验证时验证这两个元素仍然有它不提交搞砸了？

Answer 1

您不能从另一个jQuery验证方法中使用的.valid()方法。

Use .element() instead ...

$('#yourForm').validate().element(otherElement); 

或使用关键字this，这表示从插件的自己的方法中validator对象...

this.element(otherElement); 

或作为您已经确认为工作（有些重复，如果this关键字的工作）...

otherElement.parents('form').validate().element(otherElement);