var attempt = 3; //Variable to count number of attempts ............ Element By Id("username").disabled = true; Element By Id("password").disabled = true; Element By Id("submit").disabled = true; return false; } } }/* Below line is used for online Google font */ @import url(
A few months ago Sandeep introduced us to the HTML Constraint API, showing how we can use the new HTML5 input types and attributes to validate our forms in the browser with minimal Java Script.
So if an older browser doesn't support them, the fact that they're in the HTML won't 'break' anything, they’ll just be rendered as an NB While client-side form validation is great for enhancing user experience—fast, instant feedback to the user without making a round trip to the server—you will still need to validate any data submitted on the server, too.
In our example, we have a login form with two input fields i.e.
username and password, As user clicks on login button, Java Script validation function comes into act.
We'll want the 'Name' field to be submitted in the format 'Firstname Lastname', and to only contain letters and a space (NB in real world scenarios, you might need to take account of other locales – this example has been kept simple deliberately).
We can achieve this by adding a pattern attribute to the 'Name' field, setting it's value to the regular expression we want the data to be compared against: The text in the title attribute is then appended to the built-in validation message: Note that some screen reader / browser combinations might lead to the title attribute being read out in addition to the aria-describedby text, so watch out for this e.g.
This keeps our HTML semantic, with the labels helping to give meaning to the input controls.