使用一个功能提交两个表单不起作用


Submitting two forms with one function does not work

我遇到了一个问题,用一个JavaScript函数提交两个表单。

在这种情况下,我调用了一个ajax文件来检查用户名的可用性。

表格如下

<form action="abc.php" method="post" enctype="multipart/form-data" onsubmit="return isValid(this)" class="login_form" style="width:100%;">  
<form action="http://example.com" method="post" enctype="multipart/form-data" onsubmit="return isValid(this)" class="login_form" style="width:100%;" name="form1" id="form1">  

当我这样做时在isValid()函数中

    alert ("hi");
    document.form1.submit();
    alert("bye");

然后它提交表单1,否则它不提交。

您需要

isValid() 函数返回一个布尔值,因为您要将该值传递回表单的 onsubmit 事件:

像这样的东西应该适用于您的需求:

function isValid() {
    // Do my validation here.
    return true; // or return false, depending on validation results.
}

你可以试试下面的代码,

    var form1 = submit1();
    document.form1.submit();
    function submit1(){
      document.form2.submit();
      return true;
    }

在提交表单后submit1功能中,您应该return true然后它将提交第二份表单。