Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन कैसे जोड़ें?


जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन जोड़ने के लिए, कोड इस प्रकार है -

उदाहरण

<!DOCTYPE html>
<html>
<head></head>
<h1>JavaScript empty input field validation example</h1>
<form
name="Form1"
onsubmit="return emptyValidation()"
required>
Name: <input type="text" name="firstName" />
<input type="submit" value="Submit" />
</form>
<h2>Submit the form empty to see the validation performed</h2>
<script>
   function emptyValidation() {
      var formField = document.forms["Form1"]["firstName"].value;
      if (formField == "" || x == null) {
         alert("Name must be filled out");
         return false;
      }
   }
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन कैसे जोड़ें?

फॉर्म खाली जमा करने पर -

जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन कैसे जोड़ें?


  1. जावास्क्रिप्ट में शून्य/खाली वस्तुओं वाले सरणी को मान कैसे असाइन करें?

    जावास्क्रिप्ट का उपयोग करके शून्य/खाली वस्तुओं के साथ एक सरणी को मान निर्दिष्ट करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, init

  1. जावास्क्रिप्ट के साथ स्टाइलशीट में सीएसएस नियम कैसे जोड़ें?

    इंसर्टरूल () हमें स्टाइलशीट में एक परिभाषित स्थिति में एक नियम जोड़ने में मदद करता है जबकि डिलीटरूल () एक विशिष्ट शैली को हटाता है। निम्नलिखित उदाहरण CSS नियमों का वर्णन करते हैं जिन्हें जावास्क्रिप्ट का उपयोग करके स्टाइलशीट में जोड़ा जा सकता है। उदाहरण <!DOCTYPE html> <html> <head&g

  1. CSS के साथ पूर्ण-चौड़ाई वाली छवि में फ़ॉर्म कैसे जोड़ें?

    उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html {    height: 100%;    margin: 0;    padding: 0;    font-family: 'Segoe UI', T