WEB-js验证

最新推荐文章于 2024-08-05 21:28:12 发布

mengsz1

最新推荐文章于 2024-08-05 21:28:12 发布

阅读量364

点赞数 2

分类专栏： WEB

本文链接：https://blog.csdn.net/qq_40240576/article/details/85238777

版权

WEB 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js实验——用户名，密码验证

<%@ 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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<form>
		<span>用户名</span>
		<input type = "text" id = "user">
		<input type = "submit" value = "用户名验证" onclick = "checkUser()"><br><br/>
	</form>

	<form>
		<span>密码</span>
		<input type = "password" id = "password">
		<input type = "submit" value = "密码验证" onclick = "checkPassword()">
	</form>
	<script>
		function checkUser()
		{
			var checkText = document.getElementById("user").value;
			var reg = /[a-zA-Z0-9]{6}/;
			var boo = reg.test(checkText);
			if(boo)
				alert("格式正确");
			else
				alert("格式错误");

		}
		function checkPassword()
		{
			var checkText1 = document.getElementById("password").value;
			var reg = /[a-zA-Z0-9]{6}/;
			var boo = reg.test(checkText1);
			if(boo)
				alert("格式正确");
			else
				alert("格式错误");

		}
	</script>
</body>
</html>

正则式替换符号

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script language="JavaScript">
	//"\\d",/\d+/g用于查找数字字符
	var regExp = new RegExp("\\d+","g");
	var str = "123abc345de434fg";
	document.write(str.replace(regExp,"#"));
	document.write("<br>");
	document.write(str.replace(/\d+/g,"#"));
</script>

</body>
</html>

在这里插入图片描述