自制简易正则表达式测试

299 阅读1分钟

因为总是觉得网上找的正则匹配很奇怪,所以自己写了一个正则表达式测试页面

  • 话不多说上代码
  1. 使用方法:第一个输入框输入的是需要校验的文本
  2. 第二个输入框输入的正则不需要输入双斜杠,直接^ xxxx $ 输入开头与结尾标识就可以了
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
	<input id="t" type="text">
	<input id="r" type="text">
</body>
</html>
<script>
	t.onkeyup = function(e){
	var t = document.getElementById("t").value;
	var r = document.getElementById("r").value;
	r = new RegExp(r)
	console.log(t);
	console.log(r);
	if (e.keyCode == 13) {
		if (!r.test(t)) {
			alert('error')
		}else{
			alert('ok')
		}
	}
	};
</script>
  • 十分的简陋,大神轻喷