{"id":2634,"date":"2015-03-16T13:15:14","date_gmt":"2015-03-16T11:15:14","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=2634"},"modified":"2018-06-19T11:01:53","modified_gmt":"2018-06-19T08:01:53","slug":"html5-form-validation-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/","title":{"rendered":"HTML5 Form Validation Example"},"content":{"rendered":"

EDITORIAL NOTE<\/strong>: In this post, we feature a comprehensive HTML5 Form Validation Example.\u00a0 Form validation is when you enter data, the web application checks it to see that the data is correct. If correct, the application allows the data to be submitted to the server and (usually) saved in a database; if not, it gives you an error message explaining what corrections need to be made.<\/p>\n

Introduction<\/h2>\n

HTML5 has introduced a lot of changes welcomed by developers, including adding additional types of form input elements that helps in form processing activities like validation. Validating web forms has always been a painful task for many developers. Performing client side validation in a user-friendly as well as developer-friendly way is really hard. Furthermore informing users about the validation error in a pleasant way is a tedious task.<\/p>\n

[ulp id=’tgm4cmEWcKUikZNn’]<\/p>\n

Before HTML5 there was no means of implementing validation natively; therefore, developers resorted to a variety of JavaScript based solutions. Let’s get started with some coding using the new and exciting features of HTML5. Lot of these features are dependent on a specific browser versions. The version supports are getting updated every day. We have tried to present the features (that we intend to use)\u00a0versus the browser version\u00a0in the example in a table.<\/p>\n

\"HTML5<\/a><\/p>\n

Here is a screenshot of what we we will develop today.<\/p>\n

\"HTML5<\/a>
HTML Validation<\/figcaption><\/figure>\n

Note how the elements are color coded depending on whether they are required or not. Here is how we did it. First mark the element in html as required.<\/p>\n

\r\n<input type="email" id="email"\u00a0name="email" value="" required placeholder="arinchat@gmail.com">\r\n<\/pre>\n
Then use a style to color code the required fields.<\/p>\n
\r\ninput:required {\r\n background: hsl(180, 50%, 90%);\r\n border: 1px solid #999;\r\n}\r\n<\/pre>\n
If you don’t fill out a required field and try to submit, you will get a prompt with the error as shown below.<\/p>\n
\"HTML5<\/a>
HTMLRequired<\/figcaption><\/figure>\n
min and max<\/h4>\n
In HTML5 the min attribute together with the max attribute to create a range of legal values. The attributes works with the following input types: number, range, date, datetime, datetime-local, month, time and week. Let’s look at few interesting things before we look at the attributes.<\/p>\n
\r\n<div>\r\n<label for="Age">Age:<\/label>\r\n<input type="number" id="Age"name="Age" value="" required min="18" max="75">\r\n<\/pre>\n
The\u00a0associated label<\/code> tag has for<\/code> attribute for the label tag matches up with the id<\/code> attribute of the associated input tag. On top of the fact that the label is\u00a0\u00a0helping to give meaning to the input controls,\u00a0it also means that if you click the label, the associated input tag receives the focus.<\/p>\n
They also help with accessibility, as the text in the label will be read out to screen reader users:\u00a0This is old trick, thought that I though is wort mentioning. Another thing that we did here was to have\u00a0, providing context-sensitive help when\u00a0field it describes receives focus. Again this trick is in addition to the feature placeholder<\/code> feature that we will look at a little bit later.<\/p>\n
\r\n\r\n<div>\r\n<label for="Age">Age:<\/label>\r\n<input type="number" id="Age"name="Age" value="" required min="18" max="75">\r\n<span id="age-format" class="help">Format: Number between 18 and 75<\/span>\r\n<\/div>\r\n\r\n<\/pre>\n
We have a little css style element that defines the way we view the span<\/p>\n
\r\n\r\n.help {\r\ndisplay: none;\r\nfont-size: 90%;\r\n}\r\n\r\ninput:focus+.help {\r\ndisplay: inline-block;\r\n}\r\n\r\n<\/pre>\n
Here is the screenshot of validation error for min and max attributes:<\/p>\n
\"HTML5<\/a>
HTML min and max<\/figcaption><\/figure>\n
datalist<\/h4>\n
A datalist\u00a0<\/code>element gets an ID attribute and contains numerous OPTION <\/code>elements, just as a <select><\/code> element would: Once the datalist<\/code>element is in place, a list attribute gets added to an <input><\/code> element which refers to the list <\/code>id. In a nutshell, the datalist <\/code>tag is used to provide an “autocomplete” feature on <input><\/code> element.<\/p>\n
\r\n\r\n<input list="Countries" placeholder="Country Name">\r\n <datalist id="Countries">\r\n <option value="USA">\r\n <option value="Greece">\r\n <option value="UK">\r\n <option value="India">\r\n <option value="France">\r\n <\/datalist>\r\n\r\n<\/pre>\n
Please see the screenshot of datalist<\/code> usage below:<\/p>\n
\"HTML5<\/a>
DataList<\/figcaption><\/figure>\n
placeholder<\/h4>\n
The ability to set placeholder text in an input field is new and welcome addition to Html5 webforms. The placeholder attribute can only contain text, not HTML markup. Placeholder text is displayed inside the input field as long as the field is empty. When you click on (or tab to) the input field and start typing, the placeholder text disappears.<\/p>\n
\r\n\r\n<input type=text autofocus id="name" name="name" value="" placeholder="firstname lastname" required>\r\n\r\n<\/pre>\n
autofocus<\/h4>\n
HTML 5 has introduced a new Boolean attribute called autofocus<\/code> attribute on all webform controls.\u00a0 As soon as the page loads, it moves the input focus to a particular input field. See the example below:<\/p>\n
\r\n<input type=text autofocus>\r\n<\/pre>\n
pattern<\/h4>\n
This attributes helps the developer to specify\u00a0 a JavaScript regular expression for the field\u2019s value to be checked against.\u00a0 Hence we can use pattern to implement specific validation\u00a0 like phone number, product code, zip code etc. The pattern attribute works with the following input types: text, search, url, tel, email, and password. See the example code below.<\/p>\n
\r\n\r\n<input type="text" id="ID"required name="ID" pattern="[0-9][A-Z]{3}"\r\n placeholder="[0-9][A-Z]-Single digit & 3 letters"\r\n title="Single digit followed by three uppercase letters">\r\n\r\n<\/pre>\n
Here is screenshot of validation error if you don’t enter the field in the expected pattern:<\/p>\n
\"HTML5<\/a>
HTML Pattern<\/figcaption><\/figure>\n
date, datetime-local,month,time,week<\/h4>\n
HTML5 finally defines a way to include a native date picker control without having to script it yourself. In fact, it defines 5 kinds of them: date, month, week, time, datetime-local.<\/p>\n
\r\n\r\n<input\u00a0type="date" id="Date" name="Date">\r\n\r\n<input type="week" id="Week"\u00a0name="Week">\r\n\r\n<input type="month" id="Month"\u00a0name="Month">\r\n\r\n<input type="time" id="Time"\u00a0name="Time">\r\n\r\n<input type="datetime-local"\u00a0id="DateTime" name="DateTime">\r\n\r\n<\/pre>\n
Below is screenshot of datepicker included in HTML5:<\/p>\n
\"HTML5<\/a><\/p>\n
email<\/h4>\n
The input type as email<\/code> is used for input fields that should contain an e-mail address. Depending on browser support, the e-mail address can be automatically validated when submitted. Here is a screenshot of an error shown if you do not fill the email in the correct way. Some smartphones\u00a0recognize the email\u00a0type, altering their virtual keyboard to the keyboard to match email\u00a0input.<\/p>\n
\"HTML5<\/a>
HTML Email Validation<\/figcaption><\/figure>\n
url<\/h4>\n
The <input type=\"url\"><\/code> is used for input fields that should contain a URL address. Most modern desktop browsers simply render type=\"url\"<\/code> like a regular text box, so users won\u2019t even notice until they submit the form. Depending on browser support, the url field can be automatically validated when submitted. Some smartphones like iPhone recognize the url type, alters its virtual keyboard and adds “.com” a period, a forward slash, to the keyboard to match url input. Here is a screenshot of validation error for url.<\/p>\n
\"HTML5<\/a>
HTML URL Validation<\/figcaption><\/figure>\n
color<\/h4>\n
The <input type=\"color\"><\/code> is used for input fields that should contain a color. You will get a color picker if your browser supports. This has not much of a usage for validation.I thought of mentioning it as the feature is pretty cool .<\/p>\n
\"HTML5<\/a>
HTML Color Picker<\/figcaption><\/figure>\n
Download<\/strong>
\nYou can download the full source code of this example here: HTML5Validation<\/strong><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
EDITORIAL NOTE: In this post, we feature a comprehensive HTML5 Form Validation Example.\u00a0 Form validation is when you enter data, the web application checks it to see that the data is correct. If correct, the application allows the data to be submitted to the server and (usually) saved in a database; if not, it gives …<\/p>\n","protected":false},"author":47,"featured_media":914,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-2634","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5"],"yoast_head":"\nHTML5 Form Validation Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Form Validation Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-16T11:15:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-19T08:01:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Arindam Chattopadhya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arindam Chattopadhya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\"},\"author\":{\"name\":\"Arindam Chattopadhya\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/78b9675665f8627e97ed2dd1fd8cdf00\"},\"headline\":\"HTML5 Form Validation Example\",\"datePublished\":\"2015-03-16T11:15:14+00:00\",\"dateModified\":\"2018-06-19T08:01:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\"},\"wordCount\":1404,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\",\"name\":\"HTML5 Form Validation Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"datePublished\":\"2015-03-16T11:15:14+00:00\",\"dateModified\":\"2018-06-19T08:01:53+00:00\",\"description\":\"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/html5\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML5 Form Validation Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/78b9675665f8627e97ed2dd1fd8cdf00\",\"name\":\"Arindam Chattopadhya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4c54fbd5748a5a51f90f73ca68fe86ae6bf8e416966a283b2c05bf15c86c4dd3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4c54fbd5748a5a51f90f73ca68fe86ae6bf8e416966a283b2c05bf15c86c4dd3?s=96&d=mm&r=g\",\"caption\":\"Arindam Chattopadhya\"},\"description\":\"Arindam has completed Masters in Information Technology. His expertise includes enterprise applications architecture, application integration, legacy connectivity, user interface engineering, systems analysis and distributed systems architecture and design. He has hand-on expertise on Java EE , web technology and mobile application development.\",\"sameAs\":[\"http:\/\/www.webcodegeeks.com\/\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/arindam-chattopadhya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Form Validation Example - Web Code Geeks - 2026","description":"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..","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:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Form Validation Example - Web Code Geeks - 2026","og_description":"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..","og_url":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2015-03-16T11:15:14+00:00","article_modified_time":"2018-06-19T08:01:53+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","type":"image\/jpeg"}],"author":"Arindam Chattopadhya","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Arindam Chattopadhya","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/"},"author":{"name":"Arindam Chattopadhya","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/78b9675665f8627e97ed2dd1fd8cdf00"},"headline":"HTML5 Form Validation Example","datePublished":"2015-03-16T11:15:14+00:00","dateModified":"2018-06-19T08:01:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/"},"wordCount":1404,"commentCount":1,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","articleSection":["HTML5"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/","url":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/","name":"HTML5 Form Validation Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","datePublished":"2015-03-16T11:15:14+00:00","dateModified":"2018-06-19T08:01:53+00:00","description":"Interested to learn about HTML5 Form Validation? Check out our Example on all the different attributes we encounter on a Form Validation like email, dates..","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-form-validation-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"HTML5","item":"https:\/\/www.webcodegeeks.com\/category\/html5\/"},{"@type":"ListItem","position":3,"name":"HTML5 Form Validation Example"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/78b9675665f8627e97ed2dd1fd8cdf00","name":"Arindam Chattopadhya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4c54fbd5748a5a51f90f73ca68fe86ae6bf8e416966a283b2c05bf15c86c4dd3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4c54fbd5748a5a51f90f73ca68fe86ae6bf8e416966a283b2c05bf15c86c4dd3?s=96&d=mm&r=g","caption":"Arindam Chattopadhya"},"description":"Arindam has completed Masters in Information Technology. His expertise includes enterprise applications architecture, application integration, legacy connectivity, user interface engineering, systems analysis and distributed systems architecture and design. He has hand-on expertise on Java EE , web technology and mobile application development.","sameAs":["http:\/\/www.webcodegeeks.com\/"],"url":"https:\/\/www.webcodegeeks.com\/author\/arindam-chattopadhya\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/2634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=2634"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/2634\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/914"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=2634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=2634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=2634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}