skip to content »

Validating url address in a form

validating url address in a form-61

This site and all of its contents are referring to Angular JS (version 1.x), if you are looking for the latest Angular, please visit

validating url address in a form-47validating url address in a form-38

Before you ask, and someone always does, these examples will currently work in the following browsers: Safari 5, Chrome 6, Opera 9, Firefox 4 Beta and the i Phone/i Pad.Such code can now do no harm and is safe to be displayed on a page or inside an e-mail. if quotes are escaped with a slash \ let's remove that.Sure, it may not look nice and tell you someone has been trying to mess with your script, but the important thing is he/she had failed! If you know exactly what kind of data to expect you can make further steps to ensure the user has entered what you want. Instead of writing the same code over and over again we can create a function that will do all the checking for us.I couldn’t find any reference in the w3 docs about when an url is defined as valid or invalid. I made a test here and as you can see it validates all the values I want it to.If you found one, please let me know via twitter as I would be highly interested if the browser manufacturer have integrated it the wrong way or if the spec may be misleading. The main part is from, I just added the (https? If you have a better Regex please share it in the comments.Fortunately we can quite easily fix the wrong browser behaviour by adding a pattern attribute. All in all it’s really annoying that we, as developers, have to fix, in my opinion “wrong” browser behaviour.

The option of using pure HTML, sometimes with a touch of CSS, to complement Java Script form validation was until recently unthinkable.

Abstract Schematron [Schematron] is a structural based validation language, defined by Rick Jelliffe, as an alternative to existing grammar based approaches.

Tree patterns, defined as XPath expressions, are used to make assertions, and provide user-centred reports about XML documents.

As I was curious now, I opened the form with Opera (the browser with the most advanced HTML5 Forms Support) and found out that just fine.

(Note: By checking the Validity State via “element.Mismatch” it returns true in Opera as well.).

» Validate e-mail address There is no way to be 100% sure an e-mail address is actually working unless you send an e-mail there.