JavaScript Form Validation in Hindi

  • Introduction to JavaScript Form Validation in Hindi
  • JavaScript email validation in Hindi
javascript Form Validation in Hindi

Introduction to JavaScript Form Validation

उपयोगकर्ता द्वारा प्रस्तुत फ़ॉर्म को validate करना महत्वपूर्ण है क्योंकि इसमें अनुचित मूल्य हो सकते हैं। इसलिए, उपयोगकर्ता को प्रमाणित करने के लिए validation जरूरी है।

जावास्क्रिप्ट क्लाइंट-साइड पर फॉर्म को मान्य करने की सुविधा प्रदान करता है इसलिए डेटा प्रोसेसिंग सर्वर-साइड validation से अधिक तेज़ होगी। अधिकांश वेब डेवलपर जावास्क्रिप्ट फ़ॉर्म validation को पसंद करते हैं।

जावास्क्रिप्ट के माध्यम से, हम नाम, पासवर्ड, ईमेल, दिनांक, मोबाइल नंबर और अधिक क्षेत्रों को validate कर सकते हैं। 


जावास्क्रिप्ट फॉर्म सत्यापन उदाहरण

इस उदाहरण में, हम नाम और पासवर्ड को मान्य करने जा रहे हैं। नाम खाली नहीं हो सकता और पासवर्ड 6 वर्णों से कम लंबा नहीं हो सकता।

यहां, हम फॉर्म सबमिट पर फॉर्म को मान्य कर रहे हैं। जब तक दिए गए मान सही नहीं होंगे तब तक उपयोगकर्ता को अगले पृष्ठ पर भेजा नहीं जाएगा।

<script>  
function validateform(){  
var name=document.myform.name.value;  
var password=document.myform.password.value;  
  
if (name==null || name==""){  
  alert("Name can't be blank");  
  return false;  
}else if(password.length<6){  
  alert("Password must be at least 6 characters long.");  
  return false;  
  }  
}  
</script>  
<body>  
<form name="myform" method="post" action="abc.jsp" onsubmit="return validateform()" >  
Name: <input type="text" name="name"><br/>  
Password: <input type="password" name="password"><br/>  
<input type="submit" value="register">  
</form>  

JavaScript Number Validation

आइए केवल संख्यात्मक मान के लिए टेक्स्टफील्ड को मान्य करें। यहाँ, हम NNN() फ़ंक्शन का उपयोग कर रहे हैं।

<script>  
function validate(){  
var num=document.myform.num.value;  
if (isNaN(num)){  
  document.getElementById("numloc").innerHTML="Enter Numeric value only";  
  return false;  
}else{  
  return true;  
  }  
}  
</script>  
<form name="myform" onsubmit="return validate()" >  
Number: <input type="text" name="num"><span id="numloc"></span><br/>  
<input type="submit" value="submit">  
</form>  

JavaScript email validation

हम जावास्क्रिप्ट की सहायता से ईमेल को validate कर सकते हैं।

ईमेल आईडी को मान्य करने के लिए कई मापदंड होने चाहिए, जैसे:

  • ईमेल आईडी में @ और . होना चाहिए। 
  • @ से पहले और बाद में कम से कम एक वर्ण होना चाहिए।
  • . (Dot) के बाद कम से कम दो अक्षर के बाद होना चाहिए। 

आइए ईमेल क्षेत्र को मान्य करने के लिए सरल उदाहरण देखें।

<script>  
function validateemail()  
{  
var x=document.myform.email.value;  
var atposition=x.indexOf("@");  
var dotposition=x.lastIndexOf(".");  
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){  
  alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);  
  return false;  
  }  
}  
</script>  
<body>  
<form name="myform"  method="post" action="#" onsubmit="return validateemail();">  
Email: <input type="text" name="email"><br/>  
  
<input type="submit" value="register">  
</form>  

Leave a Reply

DMCA.com Protection Status