jquery - 如何将表单状态设置为无效，因此不会使用 jquery 提交？

Question

我正在尝试将表单状态设置为无效，因为我需要在提交表单之前更改某些字段的属性。

Answer 1

捕获事件，并防止它触发，除非您的所有元素都具有有效值。

$("#myForm").submit(function(e) {
     e.preventDefault();
     // do all your validation stuff here.

     // when it is valid
     // then do this:
     // $("#myForm").submit();

});

Answer 2

如果需要，不带 jquery：

<form onSubmit="myFunction()">
...
</form>

然后 JavaScript myFunction() 将首先运行，您可以在那里进行验证。表单将在 myFunction() 完成后提交，除非你有这个功能return false; 所以你可以这样做：

function myFunction() {
  //cleanup first (trim etc.)
  //check validation next
  if([does not validate])
  {
    return false;
  }
}