2013-03-11 21 views
30

Bunun sürekli olarak yeniden sorulmasını biliyorum ve farklı yanıtları kontrol ettim ve farklı çözümler denedim ama boşuna. Bazı durumlarda, kodun nasıl yeniden yapılandırıldığına bağlı olarak durumun bir örneği olabilir.Formda açık giriş alanlarını işaretleyin Gönder

ben teslim tıkladığımda sadece benim sayfasında iki giriş alanları temizlemek zorunda istiyorum

(& & girmek - onun ayrı bir olay olmadıkça, bu başka iş parçacığı var) Hep tıklayarak edilmesine karşıt enter tuşuna dikkate - Bu sadece benim kullanımım için tasarlanmış bir sitedir.

Tabii ki bir giriş etiketi var, yazı tipi ve çalışma cezası var. Ama aynı zamanda zaten belirli OnSubmit işlevi vardır:

function onSubmitForm(e) { 
    e.preventDefault(); 
    var var1 = document.getElementById("name"); 
    var var2 = document.getElementById("review"); 
    arrayOne.push({name:var1.value,review:var2.value}); 
    localStorage.filmDatabase = JSON.stringify(arrayOne); 
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>'; 
} 

tahmin ediyorum onun sadece büyük olasılıkla blok sonunda (sağ) kodu, bir satır koyarak hakkında ama sadece bunu çözemedim . Yardım için çok teşekkürler!

+0

? [this] (http://blog.utest.com/why-should-anyone-use-jquery/2011/06/) –

+0

ilk sorudaki aynı satırlar boyunca, hala aynı onSubmitForm yöntemiyle, nasıl yaparım her seferinde seçmek zorunda kalmadan hemen form yeniden giriş için "hazır" almak için, gönderim sırasında "ilk" giriş alanına geri alınacak şekilde odaklanın. Thnx! –

cevap

31

form öğesinin geçerli reset işlevini kullanın.

var form = document.getElementById("myForm"); 
form.reset(); 
+0

teşekkürler!) ama ikinci olasılık için giriş alanlarının değerlerini “temizlemeyi” seçtim. Herkese teşekkürler! =) –

+0

@KizerYakuza Seçtiğiniz cevabı kabul etmelisiniz. Gelecekte başvurmak için yararlıdır. – thomaux

31

sadece boş bir dizeye değeri ayarlayarak onların değerlerini temizleyebilirsiniz:

var1.value = ''; 
var2.value = ''; 
+0

Teşekkürler! =) Bu benim için her şeye kod^^ entegre etmek daha kolay olduğu için gittim son seçenek oldu! =) –

+0

çok temiz ve kolay. – otmezger

0

Bu sayede kimliğine göre bir form tutuyor ve tüm içeriğini atıyorsunuz. Bu teknik en hızlısıdır.

document.forms["id_form"].reset(); 
1

Hala kullanabilirsiniz boş dizeleri kullanılarak: Bunu [jQuery] (http://jquery.com/) ..why kullanarak gerektiğini

document.getElementById("name").value = ''; 
document.getElementById("review").value = ''; 
İlgili konular