如何提交之前做些事情?
我有一个表单,它有一个提交表单的button。 在提交之前我需要做一些事情。 我试图做onClickbutton,但它提交后发生。
我不能共享代码,但一般来说,我应该怎么做,在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>
你可以附加一个像这样的jQuery的onsubmit
events:
$('#myForm').submit(function() { alert('Handler for .submit() called.'); return false; });
如果return false
,表单将不会在函数之后提交,如果返回true或false,它将像往常一样提交。
有关更多信息,请参阅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();" />
确保提交button不是types“提交”,使其成为一个button。 然后使用onclick事件触发一些JavaScript。 在实际发布数据之前,你可以做任何你想做的事情。