2012-12-05 161 views
1

全新的HTML,我有經驗編程在其他語言,只是有問題的HTML。
我環顧四周試圖找到一種方法來在HTML中發佈所有需要的實例。HTML表單提交問題

我之所以需要現在的多個表單,是因爲外部代碼需要銷售信息和通過授權頁面的動作,但我只能通過一個或另一個觸發。

<form method="post" action="sales_info_driver_page.cgi"> 

    Outer code here 
    </form> 
    <form method="POST" action="http://www.example.com/su.php"><p> 
    <input type="text" name="Email" size="20"><br> 
    <input type="radio" name="Action" value="join-list" checked>Subscribe </p> 
    <input type="hidden" name="ThanksURL" value="2222"> 
    </form> 

    Outer code here 

    <input type="submit" name="Submit" value=" Submit " > 

是否有可能通過javascript函數或其他方式提交內部表單?我讀過嵌套表單不是很合理,那麼還有另一種方法可以正確提交此部分?

如果可能的話,需要12-5-12!提前致謝!

+1

爲什麼你必須有獨立的形式? –

+0

您可以使用AJAX提交部分表單,http://stackoverflow.com/questions/3670180/howto-submit-a-part-of-a-form-using-jquery – SubRed

+2

歡迎使用StackOverflow!當你說「內在形式」時,你是否意指這些形式是嵌套的?如果是這樣,你可能不想走那條路。嵌套表單在HTML中無效並會導致問題。 –

回答

0

這是不好的做法,有嵌套其他形式的內部多形式,因爲它是無效的HTML ...

如果你想從外面形式的鏈接提交一個表單,只需要給形式的ID,如: <form method="POST" action="http://www.example.com/su.php" id="form1"> 並將提交按鈕添加回到<form>的參數中。

然後,無論你想提交表單,您可以使用JavaScript處理程序:

如: <a href="#" onclick="document.getElementById('form1').submit();">Submit Form1</a>

當然,最好的做法是使用功能,而不是綁定內聯事件處理程序,但這僅僅是一個例子,並展示了onclick和表單提交的用法。

如果你使用的是jQuery,你可以這樣做:onclick="$('#form1').submit();",這簡單得多。

我想可以用上面的方法來提交所有的表單;並且您可以使用jQuery/Javascript來查找並收集單擊按鈕時要提交的所有值,然後使用Ajax調用將所有值發送到一個目標。

+0

如何去做這樣的事情?我對C++有很豐富的經驗,並且獲得了函數的思想,但是我無法得到我想要做的事情的語法。 – user1877552

0

而不是使用表格,你可以使用DIV爲它劃分

<form method="POST" action="http://www.example.com/su.php"> 
<div> 

Outer code here 
</div> 
<div><p> 
<input type="text" name="Email" size="20"><br> 
<input type="radio" name="Action" value="join-list" checked>Subscribe </p> 
<input type="hidden" name="ThanksURL" value="2222"> 
</div> 

Outer code here 

<input type="submit" name="Submit" value=" Submit " >