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

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

<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指出的那样，上面的代码有nothing wrong。问题出在其他地方。但无论如何你也可以使用.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>

使用jquery检查表单提交？

3 个答案: