我有一个表单,它有一个提交表单的按钮。我需要在提交之前做一些事情。我试着在那个按钮上做onClick但它发生在提交之后。
我不能分享代码,但一般来说,我应该在 jQuery 或 JS 中做什么来处理这个问题?
我有一个表单,它有一个提交表单的按钮。我需要在提交之前做一些事情。我试着在那个按钮上做onClick但它发生在提交之后。
我不能分享代码,但一般来说,我应该在 jQuery 或 JS 中做什么来处理这个问题?
如果您有这样的表格:
<form id="myform">
...
</form>
您可以使用以下 jQuery 代码在提交表单之前执行某些操作:
$('#myform').submit(function() {
// DO STUFF...
return true; // return false to cancel form action
});
假设你有一个这样的表格:
<form id="myForm" action="foo.php" method="post">
<input type="text" value="" />
<input type="submit" value="submit form" />
</form>
您可以onsubmit
像这样使用 jQuery附加一个-event:
$('#myForm').submit(function() {
alert('Handler for .submit() called.');
return false;
});
如果您return false
在函数之后不会提交表单,如果您返回 true 或什么都不提交,它将照常提交。
有关更多信息,请参阅jQuery 文档。
您可以使用onclick
在提交表单之前运行一些 JavaScript 或 jQuery 代码,如下所示:
<script type="text/javascript">
beforeSubmit = function(){
if (1 == 1){
//your before submit logic
}
$("#formid").submit();
}
</script>
<input type="button" value="Click" onclick="beforeSubmit();" />
确保提交按钮不是“提交”类型,使其成为按钮。然后使用 onclick 事件触发一些 javascript。在实际发布数据之前,您可以在那里做任何想做的事情。