{"id":3803,"date":"2024-03-03T10:30:00","date_gmt":"2024-03-03T10:30:00","guid":{"rendered":"https:\/\/codehim.com\/?p=3803"},"modified":"2024-03-04T08:30:43","modified_gmt":"2024-03-04T03:30:43","slug":"jquery-required-field-validation-on-submit","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/","title":{"rendered":"jQuery Required Field Validation on Submit"},"content":{"rendered":"<p>The Poppa is a lightweight, easy to use and powerful jQuery form validation plugin. It lets you to validate existing HTML forms or required field validation on jQuery submit event. The main purpose of this plugin is to validate client-side input fields on submit or before submit (live validation). It comes with multiple configuration options to validate various type of required fields.<br \/>\nMoreover, the plugin can be customize with additional CSS to fully fit on your needs.<\/p>\n<h2>How to Use jQuery Required Field Validation<\/h2>\n<p>1. First of all load jQuery JavaScript library and validation Poppa plugin&#8217;s CSS &amp; JavaScript files into your HTML document.<\/p>\n<pre class=\"prettyprint lang-html\">&lt;!-- jQuery --&gt;\r\n&lt;script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;!-- Poppa Validation JS --&gt;\r\n&lt;script src=\"js\/validation_new.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;!-- Poppa Validation CSS --&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/validation.css\"&gt;\r\n<\/pre>\n<p>2. After that, create your HTML form with different input fields and define validation methods.<\/p>\n<pre class=\"prettyprint lang-html\">&lt;form action=\"\" class=\"user-registration mb-3\"&gt;\r\n   &lt;h6 class=\"title mb-2 mt-0\"&gt;User registration&lt;\/h6&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label&gt;Login *&lt;\/label&gt;\r\n      &lt;input name=\"login\" type=\"text\" data-validation-length=\"min:3\" class=\"form-control\" required&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label&gt;Email *&lt;\/label&gt;\r\n      &lt;input name=\"email\" type=\"email\" class=\"form-control\" required&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label&gt;Password *&lt;\/label&gt;\r\n      &lt;input name=\"password\" type=\"password\" class=\"form-control\" required&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label&gt;Website&lt;\/label&gt;\r\n      &lt;input name=\"website\" data-validation-type=\"url\" class=\"form-control\"&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label&gt;Bio&lt;\/label&gt;\r\n      &lt;textarea name=\"bio\" data-validation-length=\"min:10,max:150\" data-validation-hint=\"Describe yourself\" class=\"form-control\"&gt;&lt;\/textarea&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"form-group\"&gt;\r\n      &lt;label class=\"mb-0\"&gt;I agree to the terms of service *&lt;\/label&gt;\r\n      &lt;input type=\"checkbox\" data-validation-message=\"You have to agree to terms of service\" required&gt;\r\n   &lt;\/div&gt;\r\n   &lt;div class=\"mb-2\"&gt;&lt;small&gt;* required fields&lt;\/small&gt;&lt;\/div&gt;\r\n   &lt;button type=\"submit\" class=\"btn btn-primary\"&gt;Submit&lt;\/button&gt;\r\n&lt;\/form&gt;\r\n<\/pre>\n<p>3. And finally, initialize the plugin (with all default settings) in jQuery document ready function.<\/p>\n<pre class=\"prettyprint lang-js\">$(document).ready(function () {\r\n\r\n\t$('.user-registration').validation();\r\n\r\n});\r\n<\/pre>\n<p>4. You can also validate required input filed of your existing HTML form. You just need to call plugin with your form. Like:<\/p>\n<pre class=\"prettyprint lang-js\">   $('#your-form').validation();\r\n<\/pre>\n<h2>Advance Configuration Options for Required Field Validation Plugin<\/h2>\n<p>The following are some advance configuration options to create \/ customize &#8220;jQuery required field validation on submit&#8221;.<\/p>\n<table>\n<tbody>\n<tr>\n<th>Option<\/th>\n<th>Description, Default, Type<\/th>\n<\/tr>\n<tr>\n<td><code>preventDefault <\/code><\/td>\n<td>Enable \/ disable prevent default form from submitting. Default: true, Type: Boolean.<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">$('#your-form').validation({\r\n   preventDefault: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>sendForm <\/code><\/td>\n<td>Enable \/ disable prevents form from submitting even if provided data is valid. Default: true, Type: Boolean.<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">$('#your-form').validation({\r\n   sendForm: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>autocomplete <\/code><\/td>\n<td>Enable \/ diable auto complete functionality of input fields. Default: &#8216;on&#8217;, Type: String.<\/p>\n<p>Available Option: &#8216;on&#8217; | &#8216;off&#8217;<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">$('#your-form').validation({\r\n   autocomplete: 'on',\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>noValidate <\/code><\/td>\n<td>This option is useful to disable HTML5 default form validation. Default: true, Type: Boolean.<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">$('#your-form').validation({\r\n   noValidate: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>liveValidation <\/code><\/td>\n<td>If you want to validate your form&#8217;s inputs before submit, then this option might be useful for you. Default: true, Type: Boolean.<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">$('#your-form').validation({\r\n   liveValidation: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>The Poppa is a lightweight, easy to use and powerful jQuery form validation plugin. It lets you to validate existing&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3804,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-3803","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery Required Field Validation on Submit &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Required Field Validation on Submit &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-03T10:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T03:30:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"962\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"jQuery Required Field Validation on Submit\",\"datePublished\":\"2024-03-03T10:30:00+00:00\",\"dateModified\":\"2024-03-04T03:30:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\"},\"wordCount\":273,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg\",\"articleSection\":[\"Text &amp; Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\",\"url\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\",\"name\":\"jQuery Required Field Validation on Submit &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg\",\"datePublished\":\"2024-03-03T10:30:00+00:00\",\"dateModified\":\"2024-03-04T03:30:43+00:00\",\"description\":\"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg\",\"width\":1280,\"height\":962,\"caption\":\"jQuery Required Field Validation on Submit\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text &amp; Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"jQuery Required Field Validation on Submit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Required Field Validation on Submit &#8212; CodeHim","description":"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.","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:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Required Field Validation on Submit &#8212; CodeHim","og_description":"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.","og_url":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-03-03T10:30:00+00:00","article_modified_time":"2024-03-04T03:30:43+00:00","og_image":[{"width":1280,"height":962,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg","type":"image\/jpeg"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"jQuery Required Field Validation on Submit","datePublished":"2024-03-03T10:30:00+00:00","dateModified":"2024-03-04T03:30:43+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/"},"wordCount":273,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg","articleSection":["Text &amp; Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/","url":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/","name":"jQuery Required Field Validation on Submit &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg","datePublished":"2024-03-03T10:30:00+00:00","dateModified":"2024-03-04T03:30:43+00:00","description":"Here is a free jQuery required field validation plugin that lets you to validate inputs on form submit or before submit. Writen in HTML, CSS and JavaScript.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/08\/jquery-Poppa-plugin-codehim.jpg","width":1280,"height":962,"caption":"jQuery Required Field Validation on Submit"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text &amp; Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"jQuery Required Field Validation on Submit"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":17413,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/3803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=3803"}],"version-history":[{"count":1,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/3803\/revisions"}],"predecessor-version":[{"id":11270,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/3803\/revisions\/11270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/3804"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=3803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=3803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=3803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}