2011-01-13 18 views
27

अगर मैं एक HTML दस्तावेज जिसका किसी न किसी तरह संरचनाजावास्क्रिप्ट का उपयोग कर फॉर्म फ़ील्ड को भरने और सबमिट करने के लिए कैसे?

<html> 
<head> 
</head> 
<body class="bodyclass" id="bodyid"> 
<div class="headerstuff">..stuff...</div> 
<div class = "body"> 
<form action="http://example.com/login" id="login_form" method="post"> 
<div class="form_section">You can login here</div> 
<div class="form_section"> 
<input xmlns="http://www.w3.org/1999/xhtml" class="text" id="username" 
     name="session[username_or_email]" tabindex="1" type="text" value="" /> 
</div> 
<div class="form_section">etc</div> 
<div xmlns="http://www.w3.org/1999/xhtml" class="buttons"> 
    <button type="submit" class="" name="" id="go" tabindex="3">Go</button> 
    <button type="submit" class="" name="cancel" 
      id="cancel" tabindex="4">Cancel</button> 
</div> 
</form> 
</div> 
</body> 
</html> 

है आप देख सकते हैं एक उपयोगकर्ता नाम क्षेत्र और एक जाएँ बटन है कि वहाँ है। मैं जावास्क्रिप्ट का उपयोग कैसे करूँगा, उपयोगकर्ता नाम भरें और जाओ दबाएं ...?

मैं jQuery जैसी लाइब्रेरी की बजाय सादा जेएस का उपयोग करना पसंद करूंगा।

<script type="text/javascript"> 
     function simulateLogin(userName) 
     { 
      var userNameField = document.getElementById("username"); 
      userNameField.value = userName; 
      var goButton = document.getElementById("go"); 
      goButton.click(); 
     } 

     simulateLogin("testUser"); 
</script> 
+0

मेरी अज्ञानता को क्षमा करें, लेकिन क्यों क्या आप अपने इनपुट और div दोनों के लिए xmlns प्रॉपर्टी भर रहे हैं? वह आमतौर पर ' 'टैग में आता है। –

+0

कोई कारण नहीं है कि आप '<इनपुट प्रकार =" सबमिट नहीं करते हैं "/>'? जेएस अक्षम होने पर आपका फॉर्म काम नहीं करेगा। –

उत्तर

42
document.getElementById('username').value="moo" 
document.forms[0].submit() 
3

आप कुछ इस तरह की कोशिश कर सकते तुम लोग बहुत तेजी से कर रहे हैं;)

+0

यह एक सबमिट बटन नहीं है। 'goButton.click();' कुछ भी नहीं करेगा। –

+0

यह करता है। क्या आप ने कोशिश की? – Chandu

2
कुछ

यह होगा की तरह:

document.getElementById("username").value="Username"; 
document.forms[0].submit() 

या समान संपादित करें:

14
document.getElementById('username').value = 'foo'; 
document.getElementById('login_form').submit(); 
संबंधित मुद्दे

 संबंधित मुद्दे