頁面上的多個表單，要提交一個所有數據的射門

這是我寫到目前爲止代碼：請幫我如何提交Twitter和一個Google數據開槍頁面上的多個表單，要提交一個所有數據的射門

<html> 
<head> 
<script type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> 
</head> 
<script> 
function addtwitterdetails(){ 
    $('#formarea').empty(); 
    var twitterdetails="<input type='date' id='twitterdate' name='twitterdate' oninput='gettwitterdate()' required><br /><input type='number' name='twitternumber' oninput='gettwitternumber()' required id='twitternumber'><img src='images/save.png' onclick='savedata(twitterdate,twitternumber)'>"; 
    $('#formarea').append(twitterdetails); 
} 
function addgoogledetails(){ 
    $('#formarea').empty(); 
    var googledetails="<input type='date' name='googledate' required><br /><input type='number' required name='googlenumber'>"; 
    $('#formarea').append(googledetails); 
} 
</script> 
<body> 
Simple Test<br /> 
<img src="images/twitter.png" height=80px width=80px onclick="addtwitterdetails()">

一些文本

來源

2015-12-16 Ravi Monga

有幾個方法我能想到這樣做：

一個巨大的形式。

所有的「迷你表格」都可以是它們自己的巨型表格中的容器，並根據需要使用CSS進行設置。然後，當您發佈或提交表單時，所有數據都會一次性發送。僅僅因爲頁面的一部分看起來像的形式並不意味着它是。如果需要，您可以設計任何樣式並將放在以內。

的javascript

可以使Ajax調用後手動從每個表單的輸入收集的數據。例如，在jQuery的：

var data = { 
    field1: $('#form1 input.field1').val(), 
    field2: $('#form1 input.field2').val(), 
    field3: $('#form2 input.field1').val(), 
    field4: $('#form2 input.field2').val() 
}; 
$.POST('/form.php', data).success(...);

如果您需要發佈僅已填寫表格，或者您需要單獨發佈每個人，你可以把一些邏輯爲：

$('.myIcons').click(iconClick); 

function iconClick(){ 
    $.each('form', function(){ 
     if (isValid($(this))) { // validation logic here 
      $(this).submit(); // sending logic here 
     } 
    }); 
} 

function isValid($form){ 
    if (!$form.find('input.date').val()) return false; 
    if (!$form.find('input.price').val()) return false; 
    return true; 
}

這聽起來像你有一些邏輯問題，你提交哪些形式與否，因此JavaScript可能是更靈活/可擴展的方法。

來源

2015-12-16 04:35:57

這是我的代碼。現在你能幫我提交一次性的twitter和google數據： –

<input type="button" value="Submit" onclick="submitForms()" /> 

function submitForms(){ 
    document.getElementById("form1").submit(); 
    document.getElementById("form2").submit(); 
}

來源

2015-12-16 04:37:31 Meenakshi

上傳了我的基本代碼...請幫助 –

頁面上的多個表單，要提交一個所有數據的射門

回答

相關問題