JavaScript - Form Validation in Hindi




दोस्तों इस chapter में हम JavaScript form validation के बारे में जानेंगे तो चलिए शुरू करते है. Form validation उन प्रक्रियाओं की जांच करने की प्रक्रिया है जिनके processed होने से ठीक पहले आप उनको भर चुके हैं।

JavaScript आपको क्लाइंट साइड पर form को validate करने की सुविधा प्रदान करता है, इसलिए सर्वर-साइड के use से validation की प्रोसेसिंग बहुत तेज हो जाती है। इसलिए, अधिकांश वेब डेवलपर्स JavaScript form validation को बहुत पसंद करते हैं।

यह data server पर डेटा सबमिट करने से पहले क्लाइंट-साइड पर उपयोगकर्ता द्वारा दर्ज की गई जानकारी की जांच करने के लिए एक तरीका प्रदान करता है. इसमें form को validating कराने के लिए दो विधियां का use किया जाता हैं −

  • Server-Side

  • Client-Side

Server-Side

Server Side यह user द्वारा दर्ज किये गए गलत डेटा के लिए अलर्ट प्रदर्शित करता है।

Client-Side

क्लाइंट साइड सत्यापन सर्वर-साइड सत्यापन से तेज़ है।

JavaScript Example

function validateForm() {
    var a = document.forms["myForm"]["fname"].value;
    if (a == "") {
        alert("Name must be filled out");
        return false;
    }
}

दोस्तों फॉर्म सबमिट होने पर फ़ंक्शन को कॉल किया जा सकता है, आइये अब हम इसका एक सिंपल example देखतें है −

Example

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
    var a = document.forms["myForm"]["fname"].value;
    if (a == "") {
        alert("Name must be filled out");
        return false;
    }
}
</script>
</head>
<body>
<form name="myForm" action="/action_page.php"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>

Result

Name: