हेल्लो दोस्तों आज के इस पोस्ट में आपको javascript form validation in hindi के बारे में बताया गया है की क्या होता है कैसे काम करता है तो चलिए शुरू करते है
Contents
JavaScript form validation in का परिचय
forms के द्वारा आप user से information ली जाती है लेकिन आपको ये check करना जरुरी होता है की user ने जो values input की वो appropriate है या नहीं है database में हमेशा valid values होनि चाहिए इससे processing में कोई difficulties नहीं आती है
यदि user के द्वारा input की गए values को appropriate नहीं है तो user को एक message display किया जाता है और valid values को input करने के लिए कहा जाता है ये process validation कहलाती है
html में data को validate करने का कोई तरीका नहीं है normally आप validation जब user form को submit कर देते है तो server side पर perform किया जाता है लेकिन JavaScript आपको client side पर validation को perform करने की ability provide करती है
steps of JavaScript form validation
- जब भी आप किसी form को validate करते है तो सबसे पहले ये check करते है की सभी field में values input की गए है या नही यदि ऐसा नहीं है तो user को values input करने का message display किया जाता है
- इसके बाद आप ये validate किया जाता है की fields में डाली गए सभी values को appropriate form में हो जैसे की age field में कोई string न input करे आदि
validating for empty fields
किसी form में कुछ फ़ील्ड्स ऐसे होते है जो जिनको fill करना necessary होता है जैसे की name ,email आदि यदि आप ये चाहते है की user उस necessary field को empty न छोड़े तो इसके लिए आप उस field पर validation को perform कर सकते है की उस necessary field में values है या नहीं वैल्यू नहीं होने पर आप कोई भी message show कर सकते है
इसके लिए आप DOM का प्रयोग किया जाता है क्योकि field में कोई वैल्यू है या नही ये dynamically form submit करते समय check किया जायेगा आप कोई function को create कर सकते है जो की इसमे आप document object के द्वारा उस field की वैल्यू को check कर सकते है ये एक बहुत ही easy process है लेकिन इसे आपको उन्ही field पर apply करना चाहिए जिनमे values डालना necessary है जिसका example आपको निचे दिया जा रहा है
<html>
<head>
<title>form validation demo</title>
<script type=”text/javascript”>
Function myFunction(){
Var val=document.myForm.Name.value;
If(val==””)
{
Alert(“this field can not be left blank”);
}
Else
{
Document.write(“welcome “,document.getElementByld(“name”).value);
}
}
</script>
</head>
<body>
<form name=:myForm”>
Enter your name:<input type=”text” id=”name” name=”Name”>
<input type=”button” value=”submit” onclick=”myFunctin();”>
</form>
</body>
</html>उपर दी गए script को आप निचे दिए गए web page को generate करती है
यदि आप बिना कोई वैल्यू को enter किये form को submit करेंगे तो आपको एक message को show होगा नही तो जो वैल्यू आपको enter की है तो आपको welcome message के साथ show हो जायेगा
validating appropriate form of input
empty fields के लिए आप check करने के साथ ही आपको ये भी check करना होता है की जो values user ने डाली है वो valid है या नहीं example के लिए आपको form में एक password field है और आप चाहते है की user इसमे 8 characters से कम न input कर सकते तो इसके लिए आप user के input को अपने validity को criteria से compare करके decision ले सकते है जिसका आपको example निचे दिया जा रहा है
<html> <head> <title> form validation demo1</title> <script type=”text/javascript”> Function myFunction() { Var name=document.myForm.Name.value; Var pass=document.myForm.Pass.value; If(name=””) { Alert(“pleaase enter your name!!”); } Else if(pass.length<8) { Alert(“password must be at least 8 character long!!”); } Else { Document.write(“welcome”,name);} } </script> </head> <body> <form name=”myForm”> Enter your name:<input type=”text” Name=”Name”></br> Enter your password:<input type=”password” name=”pass”><br/> <input type=”button” value=”submit” onclick=”myfunction();”> </form> </body> </html>
reference-https://www.tutorialspoint.com/javascript/javascript_form_validations.htm
उपर दिए गए script में निचे दिया गया web page पर generate होता है
निवेदन-अगर आपको यह आर्टिकल(javascript form validation in hindi) अच्छा लगा हो तो आप इस पोस्ट को अपने दोस्तों के साथ जरुर शेयर() करे और आपको जिस टॉपिक(javascript form validation in hindi) पर आपको पढना या नोट्स चाहिए तो हमें जरुर कमेंट करे आपका कमेंट्स हमारे लिए बहु मूल्य है धन्यवाद