jquery - 如何使用 jQuery (javascript) 绕过 HTML 表单提交

Question

我有一个简单的表格

<form action="try.php" method="POST">
    <input id="name" name="name" type="text" placeholder="Name" />
    <input id="btn" name="" type="submit" value="Submit" />
</form>

当我点击提交按钮时，我只想在满足特定条件时提交表单；如果没有，则不会提交表单(而是显示并提醒)。 我不想更改此处的标记。那么，即使我已经提供了<form action="try.php" method="POST">，我如何确保这一点？ ，如果不满足条件，表单不会提交？

我想做类似下面代码的事情。

//jQuery code   
$("#btn").live('click', function(event) {
      if(<condition is true>){
          //Show message
      } else {
         //Submit Form
      }
});

Answer 1

如果您不想提交表单，可以使用 preventDefault() 阻止默认操作。

if(<condition is true>){
      event.preventDefault(); 
  }

或return false; 最好选择前者，除非您还想阻止事件冒泡。