验证用户输入的URL

时间:2013-10-01 05:38:52

标签: javascript

我已经在SO上检查了以前的答案。我知道他们很酷。

这是我的机会: 我正在获取文本框的值并将其传递给函数进行验证。它正确传递url但没有进行验证。有人可以查看bug的位置吗?我无法识别

<html>
   <head>
      <title>ThenWat</title>
    <script>@Vicky: above regex does not filter: 

    function validateURL($URL) {
      alert($URL);
      $pattern_1 = "/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i";
      $pattern_2 = "/^(www)((\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i";       

      if(preg_match($pattern_1, $URL) || preg_match($pattern_2, $URL)){
        alert("correct");
        return true;
      } else{
        alert("Incorrect");
        return false;
      }
    }

    </script>
        </head>
   <body style="height: 560px">
        <form>

            <label>Enter URL: <input type="text" value="http://www.paulgraham.com/herd.html" name="sent" id="t1" style="width: 400px; height:40px;"  ></label><br/>

            <div style="z-index: 1; left: 420px; top: 160px; position: absolute; margin-top: 0px">  <button onclick="validateURL(document.getElementById('t1').value)";> Fire me </button>      
            </div>
         </form>


   </body>
</html>

更新

 <html>
       <head>
          <title>ThenWat</title>
        <script>@Vicky: above regex does not filter: 

        function validateURL($URL) {

var str=$URL;; 
var n=str.match(/((https?\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/g);
document.getElementById("demo").innerHTML=n;

//alert("correct or incorrect as per validation");      how to do this?
        }

        </script>
            </head>
       <body style="height: 560px">
            <form>

                <label>Enter URL: <input type="text" value="http://www.paulgraham.com/herd.html" name="sent" id="t1" style="width: 400px; height:40px;"  ></label><br/>

                <div style="z-index: 1; left: 420px; top: 160px; position: absolute; margin-top: 0px">  <button onclick="validateURL(document.getElementById('t1').value)";> Fire me </button>      
                </div>
             </form>


       </body>
    </html>

4 个答案:

答案 0 :(得分:1)

您可以使用$ pattern1.test($ URL)或$ pattern1.match($ URL)而不是使用preg_match($ pattern_1,$ URL)

答案 1 :(得分:1)

试试这个:

function validateURL($URL) {
  alert($URL);
  $pattern_1 = /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i;
  $pattern_2 = /^(www)((\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i;

  if($pattern_1.test($URL) || $pattern_2.test($URL)){
    alert("correct");
    return true;
  } else{
    alert("Incorrect");
    return false;
  }
}

答案 2 :(得分:0)

var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/g);

要在javascript中将字符串与正则表达式匹配,您需要使用match()。查看http://www.w3schools.com/jsref/jsref_match.asp

网址的regexp:/((https?\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/


更新

function myFunction(){
var str="http://www.google.com"; 
var regexp = /((https?\:\/\/)|(www\.))(\S+)(\w{2,4})(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/g;
 if(str.match(regexp)){
  alert("okay");
  }else{
  alert("not okay");
 }
}

正则表达式库:https://github.com/javaquery/regexp/blob/master/regexp-0.0.1.js

答案 3 :(得分:0)

你的问题是你的正则表达式

我有一个非常好的,我通常这样使用:

[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?

首先检查第一个之前的内容。 (例如在testing.mywebsite.com上测试)然后检查mywebsite并在最后一个点之后检查它甚至检查结束