जावास्क्रिप्ट: एकल इनपुट मान्य करें?

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

HTML:

<form id="form_register" method="post" action="">
        
Register
  • <input type="text" name="username" id="username" maxlength="25" />
  • <input type="text" name="email" id="email" maxlength="50"/>
  • <input type="password" name="password" id="password" maxlength="32"/>
  • <input type="password" name="cpassword" id="cpassword" maxlength="32"/>
<input type="submit" value="Create Account">
</form>

मैंने पहले से ही .js फ़ाइल बनाई है और यह निम्न की तरह दिखता है। जावास्क्रिप्ट:

function checkUsername(){
    //etc..
}
function checkEmail(){
    //etc..
}
function checkPassword(){
    //etc..
}
function checkConfirmPassword(){
    //etc..
}

मैं HTML पेज को स्क्रिप्ट के साथ कैसे लिंक करूं? धन्यवाद।

0

4 उत्तर

आप यह कर सकते हैं:

$('input').onblur(function() {
    if ($(this).is('[name=username]')) checkUsername()
   //etc
})
1
जोड़ा
खैर, शुरुआत करने वालों के लिए सवाल jQuery का कोई उल्लेख नहीं करता है। इसके अतिरिक्त हैंडलर और सशर्त संयोजन का संयोजन थोड़ा अजीब है। उस स्थिति में प्रत्येक व्यक्ति <कोड> इनपुट को अपना स्वयं का संलग्न हैंडलर फ़ंक्शन प्राप्त करने जा रहा है, जो आंतरिक रूप से इनपुट के नामों की जांच करता है। या तो एक एकल माता-पिता-स्तर हैंडलर असाइन करें या अलग-अलग अनुकूलित करें, दोनों का मिश्रण एक प्रकार का अक्षम है।
जोड़ा लेखक David, स्रोत
<कोड> $ ('इनपुट') एक सरणी देता है (इस मामले में 4 तत्वों के साथ)। यह कोड तब सरणी के प्रत्येक तत्व पर एक अनाम फ़ंक्शन निर्दिष्ट करता है। तो स्मृति में इस अज्ञात फ़ंक्शन के 4 उदाहरण हैं, और प्रत्येक उदाहरण 4 संभावित <कोड> इनपुट s के विरुद्ध जांचता है जो इसे कह सकता था। यदि वैसे भी 4 उदाहरण होने जा रहे हैं, तो प्रत्येक व्यक्ति को इनपुट पर भी इसका उपयोग करना होगा जो इसका उपयोग करेगा।
जोड़ा लेखक David, स्रोत
इच्छा स्टैकओवरफ्लो लोगों को यह बताने की आवश्यकता है कि उन्होंने कुछ क्यों वोट दिया
जोड़ा लेखक inorganik, स्रोत
JQuery मुद्दा, ठीक है, मैं आपको वह दूंगा। "अक्षम की तरह" - मैं इसे नहीं खरीदता। आपका उत्तर प्रत्येक इनपुट में श्रोता को भी असाइन करता है।
जोड़ा लेखक inorganik, स्रोत

ऐसा लगता है कि आप इन कार्यों को ब्लर इवेंट पर निष्पादित करना चाहते हैं प्रत्येक <कोड> इनपुट तत्व के लिए । कुछ इस तरह:

var usernameInput = document.getElementById('username');
usernameInput.onblur = checkUsername;
0
जोड़ा

Use the onblur event, as described here

<input type="text" name="username" id="username" maxlength="25" onblur="checkUsername()" />
0
जोड़ा

// मैं HTML पेज को स्क्रिप्ट के साथ कैसे लिंक करूं? धन्यवाद।

स्क्रिप्ट टैग का उपयोग कर:

भी, मुझे यकीन नहीं है कि हर कोई क्यों परेशान कर रहा है, क्या अनुकूलन उद्देश्य के लिए विनिमय नहीं है? जब मूल्य बदल नहीं जाता है तो हम क्यों मान्य करना चाहते हैं? ऑनब्लर केवल तभी जरूरी हो सकता है जब किसी क्षेत्र का सत्यापन अन्य क्षेत्रों के मूल्य पर निर्भर हो।

0
जोड़ा