使用 jQuery 检查表单提交

using jquery to check form submit?

本文关键字：表单提交 检查 jQuery 使用      更新时间：2023-09-26

my html code：

<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>

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

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

<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>

正如 zerkms 所指出的，上面的代码没有任何问题。问题出在别的地方。但无论如何你也可以使用 .submit() 函数：

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

如果您尝试在提交之前验证 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>
相关文章：