This tiny plugin will help you test whether your browser supports HTML5 input tag. Hope you find it helpful. Any suggestions?
(function( $ ) {
$.support.inputFeatures = function(feature) {
return ( feature in document.createElement('input') );
};
}) ( jQuery );
Usage:
$(function() {
$('[name=xyzVar]').blur(function(e) {
if( $.support.inputFeatures('validity') ) {
alert("Is Data Valid? " + $(this)[0].checkValidity() );
}
});
});
<form>
<input type="text" name="xyzVar" pattern="[A-Z]{5}" />
</form>
You could test for placeholder,validity,pattern and more.