जावास्क्रिप्ट फॉर्म

जेसक्रिप्ट फॉर्म वेरिफ़िकेशन

HTML फॉर्म वेरिफ़िकेशन जेसक्रिप्ट से पूरी तरह से किया जा सकता है。

यदि फॉर्म क्षेत्र (fname) खाली है, तो इस फ़ंक्शन एक संदेश दिखाएगा और false बदले कर फॉर्म को सबमिट करने से रोकेगा:

जावास्क्रिप्ट इंस्टांस

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

फॉर्म सबमिट करते समय इस फ़ंक्शन को बुलाया जा सकता है:

HTML फॉर्म उदाहरण

<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 इस फॉर्म को सबमिट करने से रोकने वाले अटरीब्यूट्स:

HTML फॉर्म उदाहरण

<form action="/action_page.php" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

अपने आप से प्रयास करें

सूचना:इंटरनेट एक्सप्लोरर 9 या उससे पहले की संस्करणों में ऑटोमेटिक HTML फॉर्म वेरिफ़िकेशन काम करता नहीं है。

डाटा वेरिफ़िकेशन

डाटा वेरिफ़िकेशन, उपयोगकर्ता के इनपुट को साफ, सही और उपयोगी बनाने की प्रक्रिया है。

एक आम वेरिफ़िकेशन कार्यक्रम:

  • उपयोगकर्ता सभी अनिवार्य क्षेत्रों को भरा है क्या?
  • उपयोगकर्ता एक वैध तारीख भरा है क्या?
  • उपयोगकर्ता नंबर के क्षेत्र में टेक्स्ट भरा है क्या?

अधिकांश मामलों में, डाटा वेरिफ़िकेशन का उद्देश्य उपयोगकर्ता के इनपुट को सही होने का प्रमाणीकरण करना है。

वेरिफ़िकेशन कई विभिन्न तरीकों से परिभाषित किया जा सकता है और कई विभिन्न तरीकों से लगाया जा सकता है。

इनपुट वेब सर्वर पर भेजे जाने के बाद, सर्वर ओन्लाइन वेरिफ़िकेशन करता है。

वेब सर्वर पर इनपुट भेजने से पहले, क्लायंट वेरिफ़िकेशन वेब ब्राउज़र द्वारा किया जाता है。

HTML बाध्य वेरिफ़िकेशन

HTML5 एक नया HTML वेरिफ़िकेशन कन्सेप्ट शुरू कर दिया है, जिसे बाध्य वेरिफ़िकेशन कहा जाता है。

एचटीएमएल कन्स्ट्रेन्ट वेरिफ़िकेशन आधारित है:

  • कन्स्ट्रेन्ट वेरिफ़िकेशन एचटीएमएल इनपुट अटरीब्यूट
  • कन्स्ट्रेन्ट वेरिफ़िकेशन सीएसएस परोटाइप सेलेक्टर
  • कन्स्ट्रेन्ट वेरिफ़िकेशन डॉम अटरीब्यूट और विधियाँ

कन्स्ट्रेन्ट वेरिफ़िकेशन एचटीएमएल इनपुट अटरीब्यूट

अटरीब्यूट वर्णन
disabled input एलिमेंट को अयोग्य करें
max input एलिमेंट का अधिकतम मान निर्धारित करें
min input एलिमेंट का न्यूनतम मान निर्धारित करें
पैटर्न input एलिमेंट के मान के रूपरेखा परिभाषित करें
required input फील्ड को अनिवार्य करें
टाइप input एलिमेंट का तरीका निर्धारित करें

पूर्ण सूची के लिए, देखें एचटीएमएल इनपुट अटरीब्यूट।

कन्स्ट्रेन्ट वेरिफ़िकेशन सीएसएस परोटाइप सेलेक्टर

सेलेक्टर वर्णन
:disabled डिसेबल अटरीब्यूट को परिभाषित करने वाले input एलिमेंट को चुनें
:invalid अवैध मान वाले input एलिमेंट को चुनें
:optional रिक्वायर्ड अटरीब्यूट को परिभाषित न करने वाले input एलिमेंट को चुनें
:required रिक्वायर्ड अटरीब्यूट को परिभाषित करने वाले input एलिमेंट को चुनें
:valid वैध मान वाले input एलिमेंट को चुनें

पूर्ण सूची के लिए, देखें सीएसएस परोटाइप।