फॉर्म जावास्क्रिप्ट

Question

से वैरिएबल वैल्यू पास करें कहें कि मुझे नीचे एक HTML फॉर्म मिला है और टेक्स्टफील्ड में मानों को जेएस चर के रूप में पास करना है।

<form name="testform" action="" method="?" 
<input type="text" name="testfield1"/> 
<input type="text" name="testfield2"/> 
</form> 

मैंने केवल PHP में चर के मानों को पास कर दिया है। जावास्क्रिप्ट में इसे करने पर, क्या मुझे एक विधि चाहिए? और मुख्य प्रश्न, यह कैसे किया जाता है?

जावास्क्रिप्ट:

document.getElementById('name_of_input_control_id').value; 

jQuery:

$("#name_of_input_control_id").val(); 

मूल रूप से आप डोम जावास्क्रिप्ट का उपयोग करने से बाहर इनपुट नियंत्रण के मूल्य को निकालने कर रहे हैं

Answer 1

यहाँ उदाहरण के एक जोड़े हैं/jQuery।

Answer 2

अपने "सबमिट करें" में निम्नलिखित का प्रयास करें:

var input = $("#testfield1").val(); 

Answer 3

जवाब सब सही हैं, लेकिन आप समस्याओं का सामना कर सकते हैं यदि आप न एक document.ready समारोह में अपने कोड डाल ... यदि आपके codeblock से ऊपर है एचटीएमएल हिस्सा आप आईडी के साथ किसी भी इनपुट क्षेत्र नहीं मिलेगा, क्योंकि इस समय में यह मौजूद नहीं करता है ...

document.addEventListener('DOMContentLoaded', function() { 
    var input = document.getElementById('name_of_input_control_id').value; 
}, false); 

jQuery

jQuery(document).ready(function($){ 
    var input = $("#name_of_input_control_id").val(); 
}); 

Answer 4

आप वास्तव में अगर आप बस जावास्क्रिप्ट में पाठ फ़ील्ड का उपयोग कर रहे एक method या एक action विशेषता की जरूरत नहीं है

एक submit बटन और इस तरह के फार्म के लिए एक onsubmit हैंडलर जोड़े

<form name="testform" onsubmit="return processForm(this)"> 
    <input type="text" name="testfield1"/> 
    <input type="text" name="testfield2"/> 
    <input type="submit"/> 
</form> 

फिर अपने जावास्क्रिप्ट में आप इस processForm समारोह हो सकता था

function processForm(form) { 
    var inputs = form.getElementsByTagName("input"); 
    // parse text field values into an object 
    var textValues = {}; 
    for(var x = 0; x < inputs.length; x++) { 
     if(inputs[x].type != "text") { 
      // ignore anything which is NOT a text field 
      continue; 
     } 

     textValues[inputs[x].name] = inputs[x].value; 
    } 

    // textValues['testfield1'] contains value of first input 
    // textValues['testfield2'] contains value of second input 

    return false; // this causes form to NOT 'refresh' the page 
}