{"id":33831,"date":"2017-10-21T03:01:36","date_gmt":"2017-10-20T17:01:36","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=33831"},"modified":"2017-10-20T09:32:40","modified_gmt":"2017-10-19T23:32:40","slug":"html5-form-api-validation-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html5-form-api-validation-primer-tutorial\/","title":{"rendered":"HTML5 Form API Validation Primer Tutorial"},"content":{"rendered":"
\"HTML5<\/a>

HTML5 Form API Validation Primer Tutorial<\/p><\/div>\n

HTML5 is more than just the “5” tagged on. Take a look at this list<\/a> of API related parts to the HTML5 specification.<\/p>\n

As you may have gleaned from our recent HTML Input Element Types Randomized History Tutorial<\/a> a lot of new HTML input elements were added with the view to improving the capabilities of HTML form elements for collecting information from users interactively. Along with that, as you might expect, validation methodologies were improved, as any programmer would tell you, can be one of the most challenging “practical element” of web design to do well to not involve user error, or “user giving up”.<\/p>\n

The HTML5 form API has great “Constraint Validation”, not all new to HTML, but vastly improved and extended, as you can read a lot about at this really great webpage<\/a>, thanks.<\/p>\n

The HTML input attribute we find of great practical benefit with all this is the pattern<\/i><\/a> attribute to define a constraint, in the same sort of vein as a RegEx<\/a> expressions helps you perform pattern-matching and “search and replace” functions on text. This would be great use for organizations that work with “codes” or “Part Numbers” or SKU (stock keeping units<\/a>) that follow a consistent pattern<\/i>.<\/p>\n

You can try some simple Constraint Validation at today’s live run<\/a> link with its underlying serverside PHP code you could call html5_form_constraint_validation.html<\/a> as you wish.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n