javascript - 使用 jquery 检查表单提交？

Question

我的html代码：

<form action="test/test" method="post">
    <button type="submit" id="post-question"></button> 
</form>

我的jQuery代码：

<script type="text/javascript">
$(function()
{
    $('#post-question').click(function()
    {
        alert('hello world');   
    });
});
</script>

当我提交表单时，没有任何反应，没有显示警报对话框。我的代码有什么问题？

Answer 1

使用提交事件而不是点击事件。大多数表单都需要在客户端进行验证，因此无需单击按钮正确提交表单。

<script type="text/javascript">
   $('#form').submit(function(){
       alert('hello world');   
       e.preventDefault();
   });
</script>

<form action="test/test" method="post" id="form">
    <button type="submit" id="post-question"></button> 
</form>

Answer 2

正如 zerkms 所指出的，上面的代码没有任何问题。问题出在其他地方。但无论如何，您也可以使用该.submit()功能：

$( "#the-form-id" ).submit(function(event) {
  alert( "yo world" );
 event.preventDefault();
});

Answer 3

如果您尝试在提交前验证 for ，您可以试试这个。

    <form action="test/test" method="post" onsubmit="validate">
        <button type="submit" id="post-question"></button> 
    </form>

 <script type="text/javascript"> 
    function validate(){
      // do you validation here
     }    
  </script>