Question

-2

< input> tag validation for URL

rated 0 times [ 1] [ 3] / answers: 1 / hits: 41396 / 12 Years ago, tue, december 11, 2012, 12:00:00

I am trying to validate an URL using JavaScript, but for some reason it's not working. When someone has not entered any URL, it shows message like:

Please enter valid URL.(i.e. http://)

I am trying to fix it, but can't make it working.

Is there any trick in HTML5 that allows to validate an URL?

$(document).ready(function() { 

$(#contactInfos).validate( 

 { onfocusout: false, rules: { 

       phone: { number:true }, 

       zipcode: { number:true }, 

       website: {    url:true    } 

 }, 

     messages: { phone: { number:please enter digit only }, 

     zipcode: { number:Plese enter digit only  }, 

     website: { url: Please enter valid URL.(i.e. http://)     } 

   } 



});

Validate method for an URL:

url: function(value, element) {

      values=value.split(',');

      for (x in values)

      {

          temp=values[x].trim();

  temp1=this.optional(element) || /^(https?|ftp)://(((([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(%[da-f]{2})|[!$&'()*+,;=]|:)*@)?(((d|[1-9]d|1dd|2[0-4]d|25[0-5]).(d|[1-9]d|1dd|2[0-4]d|25[0-5]).(d|[1-9]d|1dd|2[0-4]d|25[0-5]).(d|[1-9]d|1dd|2[0-4]d|25[0-5]))|((([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])*([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF]))).)+(([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])*([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF]))).?)(:d*)?)(/((([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(%[da-f]{2})|[!$&'()*+,;=]|:|@)+(/(([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(%[da-f]{2})|[!$&'()*+,;=]|:|@)*)*)?)?(?((([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(%[da-f]{2})|[!$&'()*+,;=]|:|@)|[uE000-uF8FF]|/|?)*)?(#((([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(%[da-f]{2})|[!$&'()*+,;=]|:|@)|/|?)*)?$/i.test(temp);



      if(temp1!=true)

      {

        return false;

      }

      }

       return true;

},

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

shane

Add To Favorites

Follow

Total Points: 239

Total Questions: 91

Total Answers: 114

Location: Faroe Islands

Member since Tue, Jul 7, 2020

4 Years ago

answered 12 Years ago daquanmilesw · Accepted Answer

In html5 you can use the tag input type=url:

<input type=url />

you can use your own pattern too:

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

In the paper Uniform Resource Identifier (URI): Generic Syntax [RFC3986] http://www.ietf.org/rfc/rfc3986.txt the regular expression for a URI is:

^(([^:/?#]+):)?(//([^/?#]*))?([^?#]*)(?([^#]*))?(#(.*))?

For example, matching the above expression to

  http://www.ics.uci.edu/pub/ietf/uri/#Related

results in the following subexpression matches:

  $1 = http:

  $2 = http

  $3 = //www.ics.uci.edu

  $4 = www.ics.uci.edu

  $5 = /pub/ietf/uri/

  $6 = <undefined>

  $7 = <undefined>

  $8 = #Related

  $9 = Related