通过String对象的replace()方法实现,该方法用于替换一个与正则表达式匹配的子串,该方法的替换字符串可以包含$字符
URL是否正确的正则表达式为:
//验证URL是否正确的正则表达式
var urlExp = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?(\/\w+)*.\w{3}$/;
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function getFileName(url){
var regExp = /(.*\/)*([^.]+).*/ig;
url=url.replace(regExp,"$2");
return url;
}
function check(){
var url=document.getElementById("url").value;
//验证URL是否正确的正则表达式
var urlExp = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?(\/\w+)*.\w{3}$/;
if(url==""){
alert("请输入URL地址!");
document.getElementById("url").focus();
return;
}
if(!urlExp.test(url)){
alert("您输入的URL地址无效!");
document.getElementById("url").focus();
return;
}
document.getElementById("filename").value=getFileName(url);
}
</script>
<body>
<fieldset class="style1"><legend>提取URL中的文件名</legend>
<form action="" id="myform">
<table align="center">
<tr>
<td>请输入URL地址:<font>例如:http://www.mingribook.com/index.jsp</font></td>
</tr>
<tr>
<td>
<input type="text" id="url" size="50">
</td>
</tr>
<tr>
<td>提取的文件名:</td>
</tr>
<tr>
<td>
<input type="text" id="filename">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="提取" "check()">
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>