जावास्क्रिप्ट फॉर्म
जावास्क्रिप्ट फॉर्म सत्यापन
HTML फॉर्म सत्यापन जावास्क्रिप्ट द्वारा किया जा सकता है।
यदि कोई प्रपत्र फ़ील्ड (fname) खाली है, तो यह फ़ंक्शन एक संदेश को अलर्ट करता है, और फ़ॉर्म को सबमिट होने से रोकने के लिए गलत लौटाता है:
जावास्क्रिप्ट उदाहरण
function validateForm() {
let
x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}फॉर्म जमा होने पर फ़ंक्शन को कॉल किया जा सकता है:
एचटीएमएल फॉर्म उदाहरण
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
जावास्क्रिप्ट संख्यात्मक इनपुट को मान्य कर सकता है
जावास्क्रिप्ट का उपयोग अक्सर संख्यात्मक इनपुट को मान्य करने के लिए किया जाता है:
कृपया 1 और 10 . के बीच कोई संख्या दर्ज करें
स्वचालित HTML फॉर्म सत्यापन
HTML फॉर्म सत्यापन ब्राउज़र द्वारा स्वचालित रूप से किया जा सकता है:
यदि कोई प्रपत्र फ़ील्ड (fname) खाली है, तो requiredविशेषता इस फ़ॉर्म को सबमिट होने से रोकती है:
एचटीएमएल फॉर्म उदाहरण
<form action="/action_page.php" method="post">
<input type="text" name="fname" required>
<input type="submit" value="Submit">
</form>
स्वचालित HTML प्रपत्र सत्यापन Internet Explorer 9 या इससे पहले के संस्करण में काम नहीं करता है।
आंकड़ा मान्यीकरण
डेटा सत्यापन यह सुनिश्चित करने की प्रक्रिया है कि उपयोगकर्ता इनपुट स्वच्छ, सही और उपयोगी है।
विशिष्ट सत्यापन कार्य हैं:
- क्या उपयोगकर्ता ने सभी आवश्यक फ़ील्ड भर दिए हैं?
- क्या उपयोगकर्ता ने वैध तिथि दर्ज की है?
- क्या उपयोगकर्ता ने संख्यात्मक क्षेत्र में टेक्स्ट दर्ज किया है?
अक्सर, डेटा सत्यापन का उद्देश्य सही उपयोगकर्ता इनपुट सुनिश्चित करना होता है।
सत्यापन को कई अलग-अलग तरीकों से परिभाषित किया जा सकता है, और कई अलग-अलग तरीकों से तैनात किया जा सकता है।
सर्वर पर इनपुट भेजे जाने के बाद, सर्वर साइड सत्यापन एक वेब सर्वर द्वारा किया जाता है।
वेब सर्वर पर इनपुट भेजे जाने से पहले, क्लाइंट साइड सत्यापन एक वेब ब्राउज़र द्वारा किया जाता है।
HTML बाधा सत्यापन
HTML5 ने एक नई HTML सत्यापन अवधारणा पेश की जिसे बाधा सत्यापन कहा जाता है ।
HTML बाधा सत्यापन इस पर आधारित है:
- बाधा सत्यापन HTML इनपुट गुण
- बाधा सत्यापन सीएसएस छद्म चयनकर्ता
- बाधा सत्यापन डोम गुण और तरीके
बाधा सत्यापन HTML इनपुट गुण
| Attribute | Description |
|---|---|
| disabled | Specifies that the input element should be disabled |
| max | Specifies the maximum value of an input element |
| min | Specifies the minimum value of an input element |
| pattern | Specifies the value pattern of an input element |
| required | Specifies that the input field requires an element |
| type | Specifies the type of an input element |
पूरी सूची के लिए, HTML इनपुट एट्रीब्यूट्स पर जाएं ।
बाधा सत्यापन सीएसएस छद्म चयनकर्ता
| Selector | Description |
|---|---|
| :disabled | Selects input elements with the "disabled" attribute specified |
| :invalid | Selects input elements with invalid values |
| :optional | Selects input elements with no "required" attribute specified |
| :required | Selects input elements with the "required" attribute specified |
| :valid | Selects input elements with valid values |
पूरी सूची के लिए, CSS Pseudo Classes पर जाएँ ।