0

我正在使用 jQuery 验证插件验证 url。jQuery 验证插件内置了一个 url 规则。jQuery 验证插件

JavaScript 是：

    $( "#form").validate({
    rules: {
        field: {
            required: true,
            url: true
        }
    }
   });

我的要求是

  1. jQuery 验证插件是必需的，因为它正在正确验证，因此无法更改
  2. 除此之外，它还必须通过 www.xxx.com。因为我会在验证之前添加 http:// 或 https:// 。我需要正则表达式来传递 www.xxx.com 。可以添加的正则表达式不应影响其他 jQuery 验证插件行为。
4

4 回答 4

0

HTML是：

<!DOCTYPE html>
<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <meta charset=utf-8 />
   <title>JS Bin</title>
</head>
<body>
   <textarea type="text" id="url"></textarea>
   <br/>
   <input type="button" value="test" id="btn" />
   <div id="result" />
</body>
</html>

JavaScript：

$("#btn").click(function(){
var url = $("#url").val();
console.log(url);
if(checkURL(url)){
  $("#result").text("All ok");
}
else{
  $("#result").text("Not ok !");
}
});

function checkURL(value) {
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;%\$#\=~_\-]+))*$");
if (urlregex.test(value)) {
    return (true);
}
return (false);
}

JSFIDDLE

于 2013-10-15T12:17:42.150 回答
0

您的链接运行良好，您只需要添加/发送 url，如：

http://www.google.com

如果你想单独验证 url，那么你可以使用：

函数 makeUrl(url){

var str = url;
str = str.split("//");

if(str[1] == undefined){
   str = "http://"+str;
   is_valid_url(str);
}
else{
   str = str;
   is_valid_url(str);
}

}

function is_valid_url(url)
    {
         return url.match(/^(ht|f)tps?:\/\/[a-z0-9-\.]+\.[a-z]{2,4}\/?([^\s<>\#%"\,\{\}\\|\\\^\[\]`]+)?$/);
    }

IT 是您的 url 验证方法的最佳链接检查它

于 2013-10-15T12:03:35.663 回答
0

在这种情况下，您可能想编写自己的验证方法：

http://jqueryvalidation.org/jQuery.validator.addMethod

function my_valid_url(url)
{
    // regular expression stolen from Anup's answer, hopefully it's correct. :)
    return ( url.match(/^(ht|f)tps?:\/\/[a-z0-9-\.]+\.[a-z]{2,4}\/?([^\s<>\#%"\,\{\}\\|\\\^\[\]`]+)?$/)
          || url.match(/^[a-z0-9-\.]+\.[a-z]{2,4}\/?([^\s<>\#%"\,\{\}\\|\\\^\[\]`]+)?$/) );
}

$.validator.addMethod('my_url', my_valid_url);
于 2013-10-15T12:07:44.010 回答
-1

此验证正常工作 - 您只是使用一个字符串。尝试验证http://www.xxx.com

如果您只有www.xxx.com. 无论如何，只需将协议添加回字符串就可以了。

于 2013-10-15T12:02:14.117 回答