javascript验证表单输入网址

JavaScript013

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可以访问')

    }

})

<html xmlns="">

<head>

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

<meta name="keywords" content="js判断URL是否可访问" />

<title>js判断URL是否可访问</title>

</head>

<body>

<div>检验的url地址:</div>

<input type="text" style="width:600pxheight:30pxfont-size:14px" id="urlText" value="" />

<input type="button" value="判断是否可访问" onclick="getURL()" />

<br />

<div id="msg1"></div>

<div id="msg"></div>

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>

<script type="text/javascript">

function getURL() {

$("#msg").html("")

var url = $("#urlText").val()//请求的url

var dateTime = disptime()

var time2 = dateTime.DateTime

$("#msg1").html("发送时间:" + time2)

$.ajax({

type: 'get',

url: url,

cache: false,

dataType: "jsonp", //跨域采用jsonp方式

processData: false,

timeout:10000, //超时时间,毫秒

complete: function (data) {

var dateTime2 = disptime()

var time22 = dateTime2.DateTime

var htmlTxt =[]

if (data.status==200) {

htmlTxt.push("成功<br/>")

} else {

htmlTxt.push("失败<br/>")

}

htmlTxt.push("readyState=" + data.readyState + "<br/>status=" + data.status + "<br/>statusText=" + data.statusText + "<br/>响应时间:" + time22)

var htmlString = htmlTxt.join('')

$("#msg").html(htmlString)

}

})

}

function disptime() {

var date = new Date()

var = date.getFullYear()//四位年份

var month = date.getMonth() + 1//月份 0-11

var day = date.getDate()//日

var HH = date.getHours()//时

var minute = date.getMinutes()//分钟

var second = date.getSeconds()//秒

var milliseconds=date.getMilliseconds()//毫秒

if (month <10) {

month = "0" + month

}

if (day <10) {

day = "0" + day

}

if (HH <10) {

HH = "0" + HH

}

if (minute <10) {

minute = "0" + minute

}

if (second <10) {

second = "0" + second

}

var time = + "-" + month + "-" + day + " " + HH + ":" + minute + ":" + second + " " + milliseconds

var timeTxt = + month + day + HH + minute + second

var time = {

DateTime: time,

TimeTxt: timeTxt

}

return time

}

</script>

</body>

</html>