{"id":5534,"date":"2024-12-05T06:40:59","date_gmt":"2024-12-05T06:40:59","guid":{"rendered":"https:\/\/swatilathia.com\/?page_id=5534"},"modified":"2024-12-05T06:41:02","modified_gmt":"2024-12-05T06:41:02","slug":"javascript-form-validation","status":"publish","type":"page","link":"https:\/\/swatilathia.com\/?page_id=5534","title":{"rendered":"JavaScript Form Validation"},"content":{"rendered":"\n
<script>\nfunction validateForm() {\n          \/\/ Name validation: must not be empty and must contain only letters and spaces\n          var name = document.getElementById(\"name\").value;\n          if (name.trim() === \"\") {\n              alert(\"Name is required.\");\n              return false;\n          }\n          if (!isNaN(name)) {\n              alert(\"Name cannot contain numbers.\");\n              return false;\n          }\n      \n          \/\/ Date of Birth validation: must not be empty and must be a valid date\n          var dob = document.getElementById(\"dob\").value;\n          if (dob.trim() === \"\") {\n              alert(\"Date of birth is required.\");\n              return false;\n          }\n          var dobDate = new Date(dob);\n          if (isNaN(dobDate.getTime())) {\n              alert(\"Please enter a valid date of birth.\");\n              return false;\n          }\n      \n          \/\/ Address validation: must not be empty\n          var address = document.getElementById(\"address\").value;\n          if (address.trim() === \"\") {\n              alert(\"Address is required.\");\n              return false;\n          }\n      \n          \/\/ Pincode validation: must be 6 digits\n          var pincode = document.getElementById(\"pincode\").value;\n          if (pincode.trim() === \"\") {\n              alert(\"Pincode is required.\");\n              return false;\n          }\n          if (pincode.length !== 6 || isNaN(pincode)) {\n              alert(\"Pincode must be 6 digits.\");\n              return false;\n          }\n      \n          \/\/ Mobile number validation: must be 10 digits and only numbers\n          var mobile = document.getElementById(\"mobile\").value;\n          if (mobile.trim() === \"\") {\n              alert(\"Mobile number is required.\");\n              return false;\n          }\n          if (mobile.length !== 10 || isNaN(mobile)) {\n              alert(\"Mobile number must be 10 digits.\");\n              return false;\n          }\n      \n          \/\/ Email validation: must not be empty and must contain \"@\" and \".\"\n          var email = document.getElementById(\"email\").value;\n          if (email.trim() === \"\") {\n              alert(\"Email address is required.\");\n              return false;\n          }\n          if (email.indexOf(\"@\") === -1 || email.indexOf(\".\") === -1) {\n              alert(\"Please enter a valid email address.\");\n              return false;\n          }\n      \n          \/\/ Password validation: must not be empty and must be at least 8 characters\n          var password = document.getElementById(\"password\").value;\n          if (password.trim() === \"\") {\n              alert(\"Password is required.\");\n              return false;\n          }\n          if (password.length < 8) {\n              alert(\"Password must be at least 8 characters long.\");\n              return false;\n          }\n      \n          \/\/ If all validations pass, return true\n          alert(\"Form submitted successfully!\");\n          return true;\n      }\n<\/script>  \n<form onsubmit=\"return validateForm()\">\n          <table border>\n                    <tr>\n                              <td><label for=\"name\">Name:<\/label><\/td>\n                              <td><input type=\"text\" id=\"name\" name=\"name\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"dob\">Date of Birth:<\/label><\/td>\n                              <td><input type=\"date\" id=\"dob\" name=\"dob\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"address\">Address:<\/label><\/td>\n                              <td><textarea id=\"address\" name=\"address\"><\/textarea><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"pincode\">Pincode:<\/label><\/td>\n                              <td><input type=\"text\" id=\"pincode\" name=\"pincode\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"mobile\">Mobile Number:<\/label><\/td>\n                              <td><input type=\"text\" id=\"mobile\" name=\"mobile\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"email\">Email:<\/label><\/td>\n                              <td><input type=\"email\" id=\"email\" name=\"email\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td><label for=\"password\">Password:<\/label><\/td>\n                              <td><input type=\"password\" id=\"password\" name=\"password\"><\/td>\n                    <\/tr>\n                    <tr>\n                              <td colspan=\"2\" align=\"center\"><input type=\"submit\" value=\"Submit\"><\/td>\n                    <\/tr>\n                      \n          \n          <\/table>\n      <\/form>\n      <\/code><\/pre>\n<\/body>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"zakra_page_container_layout":"customizer","zakra_page_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-5534","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/5534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swatilathia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5534"}],"version-history":[{"count":1,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/5534\/revisions"}],"predecessor-version":[{"id":5535,"href":"https:\/\/swatilathia.com\/index.php?rest_route=\/wp\/v2\/pages\/5534\/revisions\/5535"}],"wp:attachment":[{"href":"https:\/\/swatilathia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}