<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>