在所有form.submit()之前执行一个函数

execute a function before all form.submit();

本文关键字:执行 一个 函数 form submit      更新时间:2023-09-26

有没有办法防止所有表单提交?

我的想法是,例如,我有一个链接与onclick="form.submit();"或输入[type=submit]等,我需要在所有提交之前执行一个函数

真实的例子:我有那个链接:

 <a style="margin-right: 2px; margin-left: 2px;" target="_self" href="#" onclick="if(validateform(form)) form.submit(); return false;"><img border="0" title="Insert" src="/images/ico_save_changes.png"></a> 

I've try:

jQuery(form).on("submit", function(event)){ event.preventDefault(); alert("ON"); return false;}) 
jQuery(form).live("submit", function(event)){ event.preventDefault(); alert("LIVE"); return false;}) 
jQuery(form).submit( function(event)){ event.preventDefault(); alert("EVENT"); return false;})

没有成功…表单总是被提交,我的提醒不显示…

有人能帮帮我吗?

在jQuery中创建一个函数,并调用它onclick,或任何你想调用的地方,然后在函数结束时,如果你想这样做,你可以调用另一个函数

您不能使用事件处理程序来捕获来自Javascript的表单提交。submit事件仅在用户提交表单时触发。

您需要将所需的内容放入函数中,然后从onclick属性调用该函数。

编辑:当图像被点击时,验证表单被调用,如果验证成功,则提交表单。

function validateForm() {
    //get your form information
  
    if (EVERYTHING OK) {
        //Returning true will submit the form
        $('#form1').submit();
    }else{
        alert("Form validation failed");
    }
}
<form name="form1" action="#" method="post" id="form1">
Input 1: <input type="text" name="input1">
</form>
<img border="0" title="Insert" src="/images/ico_save_changes.png" onclick="validateForm()">