I want a function in html5 to validate web address textfield

Question

I want a function in html5 to validate web address textfield. This is the code i tried. Its nt working.

function validateURL(textval) {
      var urlregex = new RegExp(
            "^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&amp;%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\?\'\\\+&amp;%\$#\=~_\-]+))*$");
      return urlregex.test(textval);
    }

Works fine for web addresses for me. What inputs do you want to validate? — Saravana, Jan 18 '14 at 05:43

score 0 · Answer 1 · answered Jan 18 '14 at 05:43

0

How about this ?

Added the pattern="https?://.+" attribute to input field, you have improved your url validation by demanding that all url's start with either http:// or https://

<input type="url" name="url" required = "required" value="" pattern="https?://.+" >

Demo: http://jsfiddle.net/Stk7s/

answered Jan 18 '14 at 05:43

Krish R

22,188
7
49
57

y does it gets cleared ? rather it should show a message what is missing in url. – Shantanu Marathe Jan 18 '14 at 05:49

score 0 · Answer 2 · answered Jan 18 '14 at 05:50

0

by default this will validate against the data given

     <input type="url" name="url" required = "required" value="" >

answered Jan 18 '14 at 05:50

Karthick Kumar

2,360
1
15
29

I want a function in html5 to validate web address textfield

2 Answers2