4

我的 ASP.NET MVC4 应用程序有一个在模型中定义并在控制器方法中实现的远程验证规则。我的表单是动态添加到页面中的。所以，我使用下面的代码来触发验证。

$(tabId).on("submit", formId, function (event) {
       event.preventDefault();

       var form = $(this);

       form.removeData("validator"); 
       $.validator.unobtrusive.parse(form);

       if (form.valid())
       {
           // form submission 

           // THIS part executes even though the remote validation returns false
       }

       return false;
 });

它开始远程验证，不等待完成，然后提交表单。如果任何其他字段无效（例如，名称是必填字段），则会停止提交。但是，它不会等待远程验证。

我在 SO 上找到了一些解决方法，例如link1和link2。但是，这些只有在我的页面中定义了 jQuery 验证规则时才有效。但是，我使用的是 MVC4 模型验证规则。因此，我没有兴趣再次重新定义我的视图页面中的规则。

有什么想法可以解决吗？

4

4 回答 4

5

您可以在验证器上使用 pendingRequest 变量来查看当表单尝试提交时是否还有待处理的

$(tabId).on("submit", formId, function (event) {
       event.preventDefault();
       var form = $('#formid');
       form.removeData("validator"); 
       $.validator.unobtrusive.parse(form);

       if (form.valid() && form.data('validator').pendingRequest == 0)
       {
           // form submission 
       } 
       return false;         
});

如果你想在字段验证时向用户显示消息，你可以使用 startrequest 和 stopRequest 函数：

$(function(){
    var validator = $('#formid').data('validator');

    var oldStartRequest = validator.startRequest;
    validator.startRequest = function (element) {     
        console.log(element.name + ' has begun validating')
        oldStartRequest.apply(this, arguments);
    };

    var oldStopRequest = validator.stopRequest;
    validator.stopRequest = function (element, valid) {
        console.log(element.name + ' has finished validating');
        console.log(element.name + ' is valid: ' + valid)
        oldStopRequest.apply(this, arguments);
    };
});
于 2013-12-10T15:38:15.797 回答
0

您可以附加到全局 ajax 事件，并确保在提交表单时没有等待回复。未经测试，例如

var isInAjaxCall = false;
var queuedFuncs = [];
$(function() {
    $(document).bind("ajaxStart", function () {
        isInAjaxCall = true;
     }).bind("ajaxStop", function () {
        isInAjaxCall = false;
        while(queuedFuncs.length > 0){
           queuedFuncs.shift();
        }
    });
});

function SubmitForm() {
    if (isInAjaxCall) {
        queuedFuncs.push('SubmitForm');
        return false;
    }

    var form = $('#form');
    form.removeData("validator");
    $.validator.unobtrusive.parse(form);

    if (form.valid()) {
        // form submission 
    }
    return false;
}
于 2013-11-22T18:03:53.970 回答
0

您应该$.validator.unobtrusive.parse(form)在表单添加到页面后立即调用。在提交事件中调用它是不正确的，很可能是您的问题。Validator 和 Unobtrusive 所做的其中一件事就是为您捕获这些事件，并且由于 Unobtrusive 的工作方式，如果您想在成功提交时执行特定操作，您必须偷偷地将自己附加到submitHandler类似的事情上：

$('#nameForm').data('validator').settings.submitHandler = function(form){
   alert('successful submit'); 

   //do AJAX submit here

   return false; //otherwise page will get reloaded
};

我为您做了一个工作示例，但请注意，由于 jsfiddle 的工作方式，执行 AJAX 调用有些困难，因此我必须添加一个名为的隐藏字段html，如果您更改 true 和 false 之间的值，您可以看到不同的行为。

http://jsfiddle.net/ryleyb/ZeZAu/1/

于 2013-11-21T18:50:14.020 回答
0

我在这里的帖子提供了解决方案，但必须有更好的方法：

ASP.NET-MVC jQuery 不显眼的远程验证返回误报

于 2014-04-15T01:17:32.887 回答