試圖讓2點不同的形式與2種不同的動作

我需要一點幫助，我想提出一個上傳頁面，所以我有兩個不同的形式和兩種不同的動作試圖讓2點不同的形式與2種不同的動作

形式是阿賈克斯圖片上傳（的資料圖片用戶）其做工精細動作action='ajaximage.php'
形式是簡單的用戶信息的詳細信息，如姓名，生物，等等等等，它也工作正常..和它的作用是action="add.php"

懷疑/問題 在我的網站輸入框沒有按順序排列因爲設計。

<form id="form" method="post" enctype="multipart/form-data" action='add.php'> 
    <b>Tittle</b> 
    <input type="text" name="name"> 
</form> 

<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'> 
    <input type="file" title="Choose Image" name="photoimg" id="photoimg"> 
</form> 

<form id="form" method="post" enctype="multipart/form-data" action='add.php'> 
    <b>Description</b> 
    <textarea name="description" rows="1" cols="1"></textarea> 

    <button input="submit">Save Changes</button> 
</form>

阿賈克斯圖片上傳工作，但在add.php情況下，它的工作只爲說明。我無法改變設計，所以如何解決？請幫助

來源

2013-07-25 user2615947

@bwoebi是正確的提交，但我會很驚訝，如果你的安排將無論如何工作。據我估算，你有3種形式。再次使用相同的名稱將不起作用。一個表單需要不同 - 除非你想在提交時做很多javascript處理。再看看修復你的佈局，以保持形式在一起。

剛剛在上面看到您的意見。爲什麼不同的表單有不同的行爲？爲什麼沒有一個表單只有一個操作，只需執行文件上傳並添加詳細信息（大概是指數據庫）呢？

你也可以簡單地在表單上不同的提交按鈕，添加一個onclick屬性，每個設置操作的形式是不同的：

<input type="submit" name="sub1" value="Upload Image" onclick="document.myform.action='ajaximage.php';"> 
<input type="submit" name="sub2" value="Add User" onclick="document.myform.action='add.php';">

這意味着表單的動作將被改變，這取決於提交按鈕被使用。

來源

2013-07-25 23:57:52

亞瑟你能告訴我，那麼大型網站有多大代碼可以這樣編碼？ Ex-Dribble或者twitter或者youtube facebook他們有名字，生物，地址和上傳圖片ajax和其他細節，然後保存更改 – user2615947

如何？我不能兩個都去不同的桌子，我不認爲混合是一個好主意？：S – user2615947

@ user2615947他們只是將它提交給一個單一的腳本，腳本將調用不同的輸入功能？ – bwoebi

您需要爲每個表單提交一個按鈕。一個提交按鈕將只提交它的表單。

來源

2013-07-25 23:47:39 bwoebi

怎麼會呢？它不會看起來不錯，用戶點擊兩個SAVE CHANGES bro – user2615947

Bwoebi ...畢竟所有的Ajax上傳器都沒有提交按鈕..只需要弄清楚我怎麼能放置不同的輸入框，這將工作1行動=添加。 php – user2615947

@ user2615947是的，但你需要爲所有表單使用ajax，而不僅僅是上傳者... – bwoebi

要通過ajax上傳圖片，您不需要submt表單，這就是通過ajax完成的全部要點。您可以上傳圖片，然後提交文字輸入的表單。

僞代碼：

<form id="form" method="post" enctype="multipart/form-data" action='add.php'> 
<input name="name"/> 
<input name="profilePic" id="profilePic"/> 
<input name="descrption"/> 
</form>

然後，您可以使用JavaScript（我喜歡的jQuery）通過AJAX上傳圖片，並指定#profilePic。

此外，你應該看看：http://blueimp.github.io/jQuery-File-Upload/

來源

2013-07-26 00:18:08 greydnls

我的兩個職能工作......我認爲你讓我錯了我的意思是說，我有一個圖像（工作）和用戶數據輸入（工作）簡單形式的ajax上傳..我不是能夠把它放在正確的位置，但我想我必須改變簡單的形式爲jquery，因爲其他人都在說 – user2615947

如果您提交表單上傳圖像，它不是ajax。 Ajax是異步的。如Arthur Nicoll所說，如果您想一次性上傳圖片並提交表格數據，您可以使用單一的mutlipart表單完成。 – greydnls

kayladnls＆Arthur非常感謝您的回覆。現在，每件事情都很好，清楚**我修改了設計**並添加了'document.myform.action'，因爲Arthur說現在已經解決了:)＆你看起來很棒：P – user2615947

試圖讓2點不同的形式與2種不同的動作

回答

相關問題