一键提交两个forms

Question

我需要帮助....

我正在尝试使用 xmlhttlrequest 通过一个提交按钮发送多个 forms。 但每次它只发送最后一个表格。

这是我的代码

for(j=0;j<collection;j++)
{   

xhr.open("POST", "showQuestionnaire.php",true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(document.getElementById("submitAnswers"+j).submit());
}

我正在尝试在同一页面上提交 forms with.submit() 并使用 $_GET 获取数据。 但每次它跳过索引 0。

Answer 1

试试下面的代码。

<!DOCTYPE html>
<html>
<head>
    <title>Multiform - JAVASCRIPT</title>
</head>
<body>

<fieldset>
    <legend>Form 1</legend>
    <form name="f1" id="f1" onsubmit="return validate(this)">
        <input type="text" name="username" placeholder="Username" />
    </form>
</fieldset>

<fieldset>
    <legend>Form 2</legend>
    <form name="f2" id="f2" onsubmit="return validate(this)">
        <input type="text" name="email" placeholder="Email" />
    </form>
</fieldset>

<fieldset>
    <legend>Form 3</legend>
    <form name="f3" id="f3" onsubmit="return validate(this)">
        <input type="text" name="password" placeholder="Password" />
    </form>
</fieldset>

<button onclick="submitAll();">SUBMIT ALL</button>

<script>
'use strict';

function validate(form){
    //forms processsing goes here...
    console.log(form, form.name)
    return false;
}

function submitAll(){
    for(var i=0, n=document.forms.length; i<n; i++){
        alert(i);
        document.forms[i].onsubmit();
    }

}

</script>

</body>
</html>

一键提交两个forms

问题描述

1 个解决方案

解决方案1
0 2020-05-09 08:56:43

一键提交两个forms

问题描述

1 个解决方案

解决方案1 0 2020-05-09 08:56:43

解决方案1
0 2020-05-09 08:56:43