正则表达式验证器

javascript写的正则表达式验证器。凑活着用吧。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>正则表达式验证器</title>
	<style>
		#testresult{
			color:#FF0000
		}
		
		#id{
			width:300px
		}
		#str{
			width:300px;
			height:200px
		}
	
	</style>
	<script type="text/javascript">
		function $(id){
			return document.getElementById(id);
		}
		
		window.onload=function(){
			$("testbutton").onclick=function(){
				var re=new RegExp($("re").value);
				var str=$("str").value;
				var result=re.test(str);
				if(result){
					$("testresult").innerText="满足正则表达式";
				}else{
					$("testresult").innerText="不满足正则表达式";
				}
				
			}
		}
	</script>
</head>


<body>
<table>
	<tr>
		<td>
			填写正则表达式:
		</td>
		<td>
			<input id="re" type="text" />
		</td>
	</tr>
	<tr>
		<td>
			填写需要验证的字符串:
		</td>
		<td>
			<textarea id="str"></textarea>
		</td>
	</tr>
	<tr>
		<td><input id="testbutton" type="button" value="验证">&nbsp;&nbsp;&nbsp;显示结果:</td>
		<td><span id="testresult">请输入</span></td>
	</tr>
</table>
</body>
</html>
 

你可能感兴趣的:(正则表达式)