提交ajax後清除表單值。

Live site- http://onetieva.com/#contact 提交ajax後清除表單值。

此表單使用Ajax & PHP進行編程。成功提交後，我想從輸入框中隱藏用戶輸入的信息。

任何想法如何做到這一點。

enter image description here

來源

2014-05-12 arifix

在你的Ajax功能，成功，簡單的隱藏要素。如果你顯示你的ajax代碼，它會有所幫助。 – ndugger

你想隱藏輸入或清除它？ – j08691

我想清除它。 – arifix

您可以使用reset()函數來從字面上reset窗體到它原來的狀態。

如果您使用ajax提交表單...可以使用回調函數完成，但我建議使用.done()以及fail()函數來處理這兩種情況。

所以，會是這樣的：

$.post("example_post_page.php", example_form_data) 
    .done(function() { 
     // Looks good 
     // Let the user know with a message and then, clears the form. 
     alert("success"); 
     $('#form-contact')[0].reset(); 
     // -------------------^ Same behavior as <input type="reset" /> element. 
    }) 
    .fail(function() { 
     // Show some warning message 
     // Don't clear the data, so the user don't have to type all over again. 
     alert("error"); 
    });

當然，這僅僅是一個例子，可以改進，例如像...取代這些警報，戕一個很好的模式中，添加一些警告類有錯誤的領域，等等...

更多信息：jquery.post

來源

2014-05-12 21:05:19 gmo

'所有值'reset'。你可以使用完全本地的DOM，'document.getElementById（「form-contact」）。reset（）':-)或'$（...）.each（function（）{this.reset（）;}）' – Bergi

您可以將類添加到您的所有投入，像「輸入」。然後，在成功的功能，你可以使用一個類選擇要一次清除所有的投入是這樣的：

$('.input').val('')

，將節省您寫一行代碼爲每個輸入。更乾淨。

來源

2014-05-12 18:58:04 wblanks

你想清楚的答案，然後取出驗證，試試這個代碼

var $form = $('#form-contact'); 
$form.find('input, textarea').val(''); 
SimpleForm.clearErrors($form)

來源

2014-05-12 19:01:12 Andrewjrvs

只要把普通類各領域例如說 - clearMe，並在您的阿賈克斯的成功部分簡單地把$(".clearMe").val("")。

來源

2014-05-12 19:07:18 Viks

提交ajax後清除表單值。

回答

相關問題