简易登录校验

最新推荐文章于 2024-04-03 16:19:59 发布

Z0o1010

最新推荐文章于 2024-04-03 16:19:59 发布

阅读量61

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_48732879/article/details/109205858

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/Test.js"></script>
	</head>
	
	<body>
		<form action="" method="post" name="myform" onsubmit="return check()">
			<table width="306" border="0" align="center">
				<tr>
					<td width="101">用户名：</td>
					<td><input type="text" name="name" /></td>
				</tr>
				<tr>
					<td width="101">密码：</td>
					<td><input type="password" name="password" /></td>
				</tr>
				<tr>
					<td width="101">邮箱：</td>
					<td><input type="text" name="email" /></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="提交" />
					</td>
				</tr>
			</table>
		</form>
	</body>

</html>

Test.js

function check() {
	var uname = document.myform.name.value;
	if(uname.length == 0) {
		alert("请输入用户名")
		return false;
	}

	var upwd = document.myform.password.value;
	if(upwd.length < 6) {
		alert("密码不能少于 6 位！")
		return false;
	}

	var uemail = document.myform.email.value;
	if(uemail.indexOf("@") == -1) {
		alert("邮箱地址必须包含 @ 符号");
		return false;
	}
	if(uemail.indexOf(".") == -1) {
		alert("邮箱地址必须包含 . 符号");
		return false;
	}
	if(uemail.indexOf("@") > uemail.indexOf(".")) {
		alert("@ 符号必须在 . 符号前！")
		return false;
	}
	return true;
}

Z0o1010

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易登录校验

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/Test.js"></script> </head> <body> <form action="" method="post" name=
复制链接

扫一扫