如何利用JavaScript正则表达式验证网址

JavaScript012

如何利用JavaScript正则表达式验证网址,第1张

用JavaScript的正则表达式验证网址格式是否正确,方法很多,这只是一个实现的方法.

代码如下:

<script type="text/javascript">

function IsUrl(str){

var regUrl = /(http\:\/\/)?([\w.]+)(\/[\w- \.\/\?%&=]*)?/gi

var result = str.match(regUrl)

if(result!=null) {alert( "Yes ")}

else {alert( "No! ")}

}

</script>

<script type="text/javascript ">

function IsUrl(str){

var regUrl = /(http\:\/\/)?([\w.]+)(\/[\w- \.\/\?%&=]*)?/gi

var result = str.match(regUrl)

if(result!=null) {alert( "Yes ")}

else{alert( "No! ")}

}

</script>

调用方法:

<Form name= "bao ">

<input TYPE= "text " NAME= "txt ">

<Input TYPE=BUTTON value= "TestURL " onClick= "IsUrl(document.bao.txt.value) ">

</FORM>

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

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

1. [代码][JavaScript]代码 相信大家都有这样的需求:网站密码用久了,我们会经常的去修改一下,以保证自己信息的安全。不知道大家在修改的过程中,有没有见过这样的业务逻辑: 1.当你输入原密码后,网站会为你检查原密码填写是否正确; 2.当你输入新密码后,为保证正确性,网站会要求重新输入一遍,然后网站会为你检测两次输入是否一致。那么,上面两条逻辑是如何实现的呢?下面我们来看一个例子,一个很简单的例子(卖弄了呵呵): 代码片段一: <script language="javascript">function check() { var userPwReal="${sessionScope.admin.apassword}"if(document.formPw.apassword.value !=userPwReal) { alert("原密码不正确")return } if(document.formPw.userPw1.value =="") { alert("新密码不能空")return } if(document.formPw.userPw1.value != document.formPw.userPw2.value) { alert("两次输入的密码不一致")return } } </script>代码片段二: <tr bgcolor="#FFFFFF"><td width="25%" bgcolor="#FFFFFF" align="right">登录名: </td><td width="75%" bgcolor="#FFFFFF"><input type="text" value="${sessionScope.admin.aname }" name="admin.aname" size="20" readonly/></td></tr><tr bgcolor="#FFFFFF"><td width="25%" bgcolor="#FFFFFF" align="right">原密码: </td><td width="75%" bgcolor="#FFFFFF"><input type="password" id="apassword" size="22"/></td></tr><tr bgcolor="#FFFFFF"><td width="25%" bgcolor="#FFFFFF" align="right">新密码: </td><td width="75%" bgcolor="#FFFFFF"><input type="password" id="userPw1" size="22"/></td></tr><tr bgcolor="#FFFFFF"><td width="25%" bgcolor="#FFFFFF" align="right">确认密码: </td><td width="75%" bgcolor="#FFFFFF"><input type="password" name="userPw2" size="22"/></td></tr><tr bgcolor="#FFFFFF"><td width="25%" bgcolor="#FFFFFF" align="right"> </td><td width="75%" bgcolor="#FFFFFF"><input type="button" value="修改" onclick="check()"/> <input type="reset" value="重置"/><img id="indicator" src="img/loading.gif" alt="Loading..." style="display:none"/></td></tr>这两段代码就能实现上面我们所提到的两个功能: 1.首先看代码片段二,这里面其实就是一个表单提交了两个属性,用户名与密码,当然这不是重点,重点是我们在“修改”那个button上面绑定了一个onclick事件,当你点击修改按钮时,便会调用代码片段一里面的check方法。 2.代码片段一里面的js代码,可以很容易的看出,它先将session里面绑定的密码取出(因为我们登录系统的时候,会将用户信息存入session中),然后得到你输入的旧密码,再将两个密码相比较,如果不一样,便返回一个警告。新密码作比较的逻辑也是这样~