小编vin*_*nay的帖子

尝试使用JavaScript验证URL

我想验证一个URL并显示消息.以下是我的代码:

$("#pageUrl").keydown(function(){
        $(".status").show();
        var url = $("#pageUrl").val();

        if(isValidURL(url)){

        $.ajax({
            type: "POST",
            url: "demo.php",
            data: "pageUrl="+ url,
            success: function(msg){
                if(msg == 1 ){
                    $(".status").html('<img src="images/success.gif"/><span><strong>SiteID:</strong>12345678901234456</span>');
                }else{
                    $(".status").html('<img src="images/failure.gif"/>');
                }
            }
            });

            }else{

                    $(".status").html('<img src="images/failure.gif"/>');
            }

    });


function isValidURL(url){
    var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

    if(RegExp.test(url)){
        return true;
    }else{
        return false;
    }
} 
Run Code Online (Sandbox Code Playgroud)

我的问题是,即使输入正确的URL直到它与正则表达式匹配,它也会显示错误消息,即使URL类似,它也会返回true "http://wwww".

我感谢你的建议.

javascript validation url jquery

83
推荐指数
9
解决办法
17万
查看次数

jquery中的备用行着色

我有一个扩展和折叠行的表,列可以排序.以下是我的代码,是否有任何方法可以改善其性能.并且读取将完整的行组添加到dom中可以提高性能,但是如果我执行了$ .each()循环则会抛出错误. teble演示

var alt = true;
var altSub = true;

$.each(myData, function(index, row) {

    var noRow = $(row).length;
    var firstRow = $(row[0]);

    for (var i=0; i < noRow; i++) {
        if(firstRow.attr('id') == $(row[i]).attr('id')) {
            if(alt == true) {
                firstRow.removeClass("odd").addClass("even");
                alt = !alt;
                altSub = true;
            } else if( alt == false) {
                firstRow.removeClass("even").addClass("odd");
                alt = !alt;
                altSub = true;
            }
        } else {
            if(altSub == true) {
                $(row[i]).removeClass("alt_row_sub").addClass("alt_row_sub2");
                altSub = !altSub;
            } else if( altSub == false) {
                $(row[i]).removeClass("alt_row_sub2").addClass("alt_row_sub"); …
Run Code Online (Sandbox Code Playgroud)

jquery dom rows

6
推荐指数
2
解决办法
1万
查看次数

防止子节点的mouseout事件

我有图像列表,在图像上我想显示该图像的一些信息.而信息div的mouseout,同样应该消失.问题是当鼠标在info div的子标签上移动时,它甚至会触发mouseout,这不应该.我正在使用普通的JavaScript.

<div id="pop_div" onmouseout="clearinfo()" >
   <img alt="" src="" />
   <p>lines of text</p>
</div>


function clearinfo()
{
  document.getElementById("pop_div").style.dispaly = "none";
}
Run Code Online (Sandbox Code Playgroud)

javascript mouseout

4
推荐指数
1
解决办法
3244
查看次数

标签 统计

javascript ×2

jquery ×2

dom ×1

mouseout ×1

rows ×1

url ×1

validation ×1