javascript验证表单输入网址

JavaScript023

javascript验证表单输入网址,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

</head>

<body>

<input onblur="text()" id="text" type="text">

<script type="text/javascript">

function text(){

var string1 = document.getElementById('text')

var string2 = string1.value.indexOf('http://')

if(string2 != 0)

{

alert('你输入的网址不正确')

return false

}

else alert('合法')

}

</script>

</body>

</html>

<!-- 试试,是这样的效果吗? -->

可以自己构造一个方法来判断。利用jquery的ajax强求返回请求结果这个"特点",如果这个url不存在,ajax请求会返回404.然后判断返回的状态码:

//判断一个url是否可以访问

function IsLoad(_url,fun){

  $.ajax({

      url:_url,

      type:"get",

      success:function(){

        //说明请求的url存在,并且可以访问

        if($.isFunction(fun)){

                fun(true)

              }

      },

      statusCode:{

        404:function(){

          //说明请求的url不存在

          if($.isFunction(fun)){

            fun(false)

          }

        }

      }

    })

}

//调用

IsLoad('www.baidu.com',function(res){

    if(res){

      alert('请求的url可以访问')

    }

})