Jquery实现表单验证

最新推荐文章于 2023-07-21 01:01:56 发布

qq_43145601

最新推荐文章于 2023-07-21 01:01:56 发布

阅读量189

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/weixin_46143360/article/details/104897321

版权

Jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

jq实现表单验证：
1.实现表单验证
2.禁止空格输入
补充：允许输入字符长度 maxlength=“16”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>	
	<script>
			function add() {
				if($('#username').val() == "" || $('#password').val() == "" || $('#newpwd').val() == "") {
					alert("信息未填写完整，请完善相关信息!");
					return false;

				} else if($('#password').val() == $('#newpwd').val()) {
					return true;

				} else {
					alert("2次输入密码不一致！！！")
					return false;
				}

			}
		</script>
		<!--禁止空格输入-->
		<script>
			document.onkeydown = function(e) {
				var event = window.event || e;
				var code = event.keyCode || event.which || event.charCode;
				if(code == 13 || code == 32) {
					var form = document.getElementById("myform");
					form.submit();
				}
			};
		</script>
	</head>

	<body>
		
		<form id="myform">
			账号 <input type="text" name="username" id="username"  maxlength="16"/><br/> 
			密码 <input type="password" name="password" id="password"  maxlength="16"><br/> 
			新密码 <input type="password" name="password" id="newpwd"  maxlength="16"><br/>
			<input type="submit" value="login" onclick="add()">
		</form>
		
	</body>
</html>