Simply check if the checkValidity() function exists: Demo: http://jsfiddle.net/ThinkingStiff/cmSJw/ function hasFormValidation() { return (typeof document.createElement( ‘input’ ).checkValidity == ‘function’); }; Call it like this: if( hasFormValidation() ) { //HTML5 Form Validation supported };
The alert window in https://www.phptravels.net/ which you are referring is the outcome of Constraint API’s element.setCustomValidity() method. Note: HTML5 Constraint validation doesn’t remove the need for validation on the server side. Even though far fewer invalid form requests are to be expected, invalid ones can still be sent by non-compliant browsers (for instance, browsers without … Read more
According to this: Do any browsers yet support HTML5’s checkValidity() method?, and this may not be the latest truth since HTML5 is a work in progress, the Form.checkValidity() and element.validity.valid should let you access validation information from JavaScript. Assuming that’s true, your jQuery would need to attach itself to the form submit and make use … Read more
The popup which you are referring is the outcome of Constraint API’s element.setCustomValidity() method. Note: HTML5 Constraint validation doesn’t remove the need for validation on the server side. Even though far fewer invalid form requests are to be expected, invalid ones can still be sent by non-compliant browsers (for instance, browsers without HTML5 and without … Read more
Here is some code to display a custom error message: <input type=”text” id=”username” required placeholder=”Enter Name” oninvalid=”ths.setCustomValidity(‘Enter User Name Here’)” oninput=”setCustomValidity(”)”/> This part is important because it hides the error message when the user inputs new data: oninput=”setCustomValidity(”)” Note: the this keyword is not required for inline event handlers, but you may want to use … Read more