2013-03-11 9 views
30

मुझे पता है कि यह लगातार नए से पूछा जाता है, और मैंने अलग-अलग उत्तरों की जांच की है और विभिन्न समाधानों का प्रयास किया है लेकिन इसका कोई फायदा नहीं हुआ है। कुछ मामलों में यह मामला वास्तव में मामला हो सकता है कि कोड को कैसे रेडक्ट किया गया है।फॉर्म पर स्पष्ट इनपुट फ़ील्ड सबमिट करें

मैं बस मेरा पेज में दो इनपुट फ़ील्ड है स्पष्ट करने के लिए जब मैं सबमिट क्लिक करें चाहते हैं (& & दर्ज - अपनी एक अलग घटना है जब तक, कि एक और धागा के लिए है), पर विचार मैं हमेशा पर क्लिक करने के रूप में विरोध एंटर दबाएं - यह सिर्फ मेरे उपयोग के लिए एक साइट है।

मेरे पास निश्चित रूप से एक इनपुट टैग है, सबमिट सबमिट करें, और इसके कामकाजी जुर्माना है। लेकिन मैं यह भी पहले से ही एक विशिष्ट ऑनसबमिट समारोह है:

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>'; 
} 

मेरा अनुमान है कि इसकी सिर्फ संभवत: ब्लॉक के अंत में (दाएं) कोड, में से एक लाइन डालने के बारे में है, लेकिन मैं सिर्फ यह पता लगा नहीं कर सकता । सहायता के लिए बहुत - बहुत धन्यवाद!

+0

आप का उपयोग करना चाहिए [jQuery] (http://jquery.com/) ..Why? [यह] देखें (http://blog.utest.com/why-should-anyone-use-jquery/2011/06/) –

+0

प्रारंभिक प्रश्न की समान पंक्तियों के साथ, अभी भी सबमिमफॉर्म विधि के साथ, मैं कैसे कर सकता हूं सबमिट पर "पहले" इनपुट फ़ील्ड पर वापस सेट करने के लिए फोकस प्राप्त करें, इसे हर बार चुनने के बिना तत्काल फॉर्म पुनः प्रविष्टि के लिए "तैयार" प्राप्त करने के लिए। Thnx! –

उत्तर

31

reset समारोह, जो प्रपत्र तत्व पर उपलब्ध है का उपयोग करें।

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

धन्यवाद!) लेकिन मैंने इनपुट संभावनाओं के मूल्यों को "समाशोधन" की दूसरी संभावना का चयन किया। सभी को धन्यवाद! =) –

+0

@KizerYakuza आपको आपके द्वारा चुने गए उत्तर को स्वीकार करना चाहिए। यह भविष्य के संदर्भ के लिए उपयोगी है। – thomaux

31

तुम बस एक रिक्त स्ट्रिंग पर मूल्य निर्धारित करके उनके मूल्यों को साफ कर सकते हैं:

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

धन्यवाद! =) यह आखिरी विकल्प था जिसके लिए मैं गया था क्योंकि कोड ^^ में सभी को एकीकृत करना मेरे लिए आसान था! =) –

+0

बहुत साफ और आसान है। – otmezger

0

इस तरह, आप उसकी आईडी द्वारा एक फॉर्म धारण करते हैं और अपनी सभी सामग्री फेंक देते हैं। यह तकनीकी सबसे तेज़ है।

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

फिर भी रिक्त स्ट्रिंग का उपयोग कर आप का उपयोग कर सकते हैं:

document.getElementById("name").value = ''; 
document.getElementById("review").value = ''; 
संबंधित मुद्दे