jquery - 组件测试验证后的 JQuery 错误，表单发布

Question

如果我单击按钮，我会验证组件是否为空并显示错误。

像这样：

 $("#btnEnvoyer").click(function () {
    effacerAnomalie("erreurs");
    var ano = 0;
    if ($("input[name=prenom]").val() == "") {
        showAnomalie('erreurs', "<%=ReferenceMessages.CONTACT_SAISIE_PRENOM%>");
        ano++;
    }

    if ($("input[name=nom]").val() == "") {
        showErros('erreurs', "<%=ReferenceMessages.CONTACT_SAISIE_NOM%>");
        ano++;
    }
});

在我测试我是否有错误之后：

  if ( ano < 1 ) { 
    // continue for submit button
  } else {
   // do nothing and the errors messages must be kept
  }

我的错误是当我有错误 (ano >= 1) 时，我的表单提交（发布）并清除错误消息。

我不知道为什么。

Answer 1

你有没有尝试过这样的事情：

$("#btnEnvoyer").click(function (event) {
    event.preventDefault();
    effacerAnomalie("erreurs");
    var ano = 0;
    if ($("input[name=prenom]").val() == "") {
        showAnomalie('erreurs', "<%=ReferenceMessages.CONTACT_SAISIE_PRENOM%>");
        ano++;
    }

    if ($("input[name=nom]").val() == "") {
        showErros('erreurs', "<%=ReferenceMessages.CONTACT_SAISIE_NOM%>");
        ano++;
    }

    if ( ano < 1 ) { 
      $("yourForm").submit();
    } else {
      // do nothing and the errors messages must be kept
    }

});