jquery - 提交事件中的 Jquery 表单验证触发另一轮

Question

    $('form').on('submit', function(e) {
    e.preventDefault();
    if(!$(this).valid()) {
        $(this).find(".dialogErrorMessageArea").show();
    } else {
        $(this).submit();
    }
});

如果表单无效，我正在尝试使我的自定义错误消息区域可见。但是，else 分支现在返回到此处理程序并且从不提交。如何在else分支提交表单？或者这种方法是错误的，如何正确地做到这一点？

Answer 1

尝试这个：

$('form').on('submit', function(e) {
  if(!$(this).valid()) {
    $(this).find(".dialogErrorMessageArea").show();
    e.preventDefault();
  }
});

或者更简单一点：

$('form').submit(function(e) {
  if(!$(this).valid()) {
    $(this).find(".dialogErrorMessageArea").show();
    e.preventDefault();
  }
});

Answer 2

只需使用表单属性提交表单：

$('form').on('submit', function(e) {
    e.preventDefault();
    if(!$(this).valid()) {
        $(this).find(".dialogErrorMessageArea").show();
    } else {
        $("form").submit();
    }
});