Jquery停止在同一页面上提交表单

时间:2010-12-26 14:40:01

标签: jquery submit

我在php页面中有一个表单。我想用jquery来阻止它的提交以进行验证。

$('form').submit(function(){
        alert('submitting');
        return false;
    });

现在这个工作正常,如果我尝试将表单发送到另一个页面。但是如果我在与表单相同的页面上编写php端验证和插入代码(使用表单的action=""),页面将在提交时刷新并且数据将被插入到数据库中.....任何方式来阻止这个?或者我是否必须使用两个单独的页面进行表单和服务器端验证/插入?

1 个答案:

答案 0 :(得分:0)

我不知道它可以提供多少帮助,但是对于验证,我使用钩子来处理提交按钮而不是表单的提交事件。

我的意思是,如果你的HTML中有:

<form action="" method="POST">
...
   <input type="submit" id="submit-button" />
</form>

你的javascript上有:

$("#submit-button").click(function(e) {
   if (!valid()) { // you have a method that performs validation
      e.preventDefault(); // calling preventDefault is better than "return false"
   }
}

希望这有帮助。