如何在表单发布之前运行函数?

时间:2013-09-18 10:41:34

标签: javascript html forms post action

我有一个将一些数据发布到服务器的表单

    <form action="action.html" method="post" id="formComments">

    // controls, etc

    </form>
    <script>

function validateFormJustBeforePost()
{
//
return true;
}
</script>

在发布表单之前,我想运行一个返回true或false的脚本。 如果为true,它应该继续发布,否则不会(将显示错误消息)

单击上面表格内部或外部的按钮(页面菜单)可能会发生表格。

如何实现?

我跑了下面但它从未发出警告:

(文档)$。就绪(函数(){

$('form').submit( function()
{
  alert("Something");
});

});

1 个答案:

答案 0 :(得分:0)

onsubmit事件处理程序,例如

<form onsubmit="return validateFormJustBeforePost()" ... >

<script>

document.getElementById('formComments').onsubmit = validateFormJustBeforePost;

或者,最恰当的方式

function validateFormJustBeforePost(e){
    if( invalid ){
       e.preventDefault()
       return false;
    }
}
document.getElementById('formComments').addEventListener( 'submit', validateFormJustBeforePost);