{"id":5812,"date":"2020-03-15T17:19:46","date_gmt":"2020-03-15T17:19:46","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=5812"},"modified":"2025-01-07T13:30:29","modified_gmt":"2025-01-07T13:30:29","slug":"jquery-form-validator","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/","title":{"rendered":"Jquery Form Validator."},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Jquery Form Validator.<\/h1>\n\n\n\n<p>JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code.<br>\nThis jQuery plugin makes clientside form validation easy and also offer&#8217;s plenty of customization options.The plugin comes with a useful set of validation methods, including URL and email validation etc. This Plugin also Provide default and custum error message.<\/p>\n\n\n\n<p>Form To Validate<br>\n<code style=\"color: black; font-size: 14px; background: #d3d3d338;\"><br>\n&lt;form id=\"example\"&gt;<br>\n&lt;input type=\"text\" name=\"username\" &gt;<br>\n&lt;input type=\"email\" name=\"email\" id=\"email \"&gt;<br>\n&lt;input type=\"email\" name=\"confirm_email\" &gt;<br>\n&lt;input type=\"text\"  name=\"phone\" &gt;<br>\n&lt;\/form&gt;<br>\n<\/code><\/p>\n\n\n\n<p>Add These Scripts In Header File<br>\n<code style=\"color: black; background: #d3d3d338; font-size: 11px;\"><br>\n&lt;script src=\"\/\/code.jquery.com\/jquery-1.9.1.js\"&gt;&lt;\/script&gt;<br>\n&lt;script src=\"http:\/\/ajax.aspnetcdn.com\/ajax\/jquery.validate\/1.9\/jquery.validate.min.js\"&gt;&lt;\/script&gt;<br>\n<\/code><\/p>\n\n\n\n<p>Form Validation Code:<br>\n<code style=\"color: black; background: #d3d3d338; font-size: 14px;\"><br>\njQuery(function() {<br>\njQuery(\"#example\").validate({<br>\nrules: {<br>\nusername: {<br>\nrequired: !0,<br>\nminlength: 6,<br>\n},<br>\nphone: {<br>\nrequired: !0,<br>\nphoneUS: !0,<br>\n},<br>\nemail: {<br>\nrequired: !0,<br>\nemail: !0<br>\n},<br>\nconfirm_email: {<br>\nrequired: !0,<br>\nequalTo: \"#email\"<br>\n}<br>\n},<br>\nmessages: {<br>\nusername: {<br>\nrequired: \"Please enter your name\",<br>\nminlength: \"Your username must be at least 6 characters long\"<br>\n},<br>\nphone: {<br>\nrequired: \"Please enter Phone\",<br>\nphoneUS: \"Please enter valid Us Phone\"<br>\n},<br>\nemail: {<br>\nrequired: \"Please enter a valid email address\"<br>\n},<br>\nconfirm_email: {<br>\nrequired: \"Please enter email address\",<br>\nequalTo: \"Please enter a same email address\"<br>\n}<br>\n},<br>\nsubmitHandler: function(e) {<br>\ne.submit()<br>\n}<br>\n})<br>\n});<br>\n<\/code><br>\nOutput on submit<br>\n<img decoding=\"async\" src=\"https:\/\/expertwebtechnologies.com\/blogs\/wp-content\/uploads\/2020\/08\/validateform.png\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jquery Form Validator. JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code. This jQuery plugin makes clientside form validation easy and also offer&#8217;s plenty of customization options.The plugin comes with a useful set of validation methods, including URL and email [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,27,28],"tags":[],"class_list":["post-5812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-javascript","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jquery Form Validator. - EoXys IT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jquery Form Validator. - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"Jquery Form Validator. JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code. This jQuery plugin makes clientside form validation easy and also offer&#8217;s plenty of customization options.The plugin comes with a useful set of validation methods, including URL and email [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-15T17:19:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T13:30:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\"},\"headline\":\"Jquery Form Validator.\",\"datePublished\":\"2020-03-15T17:19:46+00:00\",\"dateModified\":\"2025-01-07T13:30:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\"},\"wordCount\":86,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"articleSection\":[\"HTML\",\"JavaScript\",\"Jquery\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\",\"name\":\"Jquery Form Validator. - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"datePublished\":\"2020-03-15T17:19:46+00:00\",\"dateModified\":\"2025-01-07T13:30:29+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\"},\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"width\":768,\"height\":430,\"caption\":\"Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jquery Form Validator.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jquery Form Validator. - EoXys IT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/","og_locale":"en_US","og_type":"article","og_title":"Jquery Form Validator. - EoXys IT","og_description":"Jquery Form Validator. JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code. This jQuery plugin makes clientside form validation easy and also offer&#8217;s plenty of customization options.The plugin comes with a useful set of validation methods, including URL and email [&hellip;]","og_url":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/","og_site_name":"EoXys IT","article_published_time":"2020-03-15T17:19:46+00:00","article_modified_time":"2025-01-07T13:30:29+00:00","og_image":[{"width":768,"height":430,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e"},"headline":"Jquery Form Validator.","datePublished":"2020-03-15T17:19:46+00:00","dateModified":"2025-01-07T13:30:29+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/"},"wordCount":86,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","articleSection":["HTML","JavaScript","Jquery"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/","url":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/","name":"Jquery Form Validator. - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","datePublished":"2020-03-15T17:19:46+00:00","dateModified":"2025-01-07T13:30:29+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e"},"breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","width":768,"height":430,"caption":"Code"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/jquery-form-validator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"Jquery Form Validator."}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/5812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=5812"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/5812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8674"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=5812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=5812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=5812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}