html5-validation

I have a field where I need to collect single number <input type="text" patern="" name="number" required="required" /> Now value can be anything 1-9999 however I have some numbers I don't allow, say 15 21 532 Is there a regex pattern I can use to force form submission to fail if one of this numbers have been entered? Try this regex: /^(?!(?:15|21|532|0+)$)\d{1,4}$/ If you look carefully you will see that I included the number 0 in the disallowed list of 15 , 21 , 532 . The reason for this is that the regex matches any number having 1 to 4 digits, but you only want the range 1-9999 . Click the

Check out these two fiddles in Firefox or Chrome. In this one, I've got just a simple form with a required attribute and a submit button. Pressing "submit" when the box is empty causes it to be styled as invalid (in Firefox, it's a red outline). But it waits until you press submit to show that it's invalid. Now try this one. It's identical, except that there's some css: input:invalid{ border-color:orange } Except this time the orange border color is applied even before submit is pressed. So if and only if you manually set an invalid style for a form, the browser applies it before, which is not

I am trying to handle form validation on button click. It is validating the form but not showing error. can anyone help me in this? <form id="the-form" action="#"> <input type="text" required="required" placeholder="Required text" /> <input type="email" required="required" placeholder="email" /> <button id="btn" type="button">Submit</button> </form> javascript: $("#btn").on("click", function(){ if($("#the-form")[0].checkValidity()) { alert('validated'); } else { //show errors return false; } }); http://jsfiddle.net/5ycZz/ I've achieved this by doing steps below: 1) I'm having form: <form>