jquery表单验证

最新推荐文章于 2025-06-12 11:32:11 发布

原创最新推荐文章于 2025-06-12 11:32:11 发布 · 406 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#表单 #验证 #jquery #var #function

jquery 专栏收录该内容

73 篇文章

订阅专栏

本文介绍了一个使用jQuery进行表单验证的方法。通过点击按钮触发验证，确保用户名、密码、真实姓名及验证码不为空且符合特定条件（如密码长度不少于6位）。此验证流程有助于提升用户体验并确保数据的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入：注意js.jar版本
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
js判断
<script type="text/javascript">
$(function() {
		$("#btn1").click(function() {
			//检验用户名
			var na = $("#username").val();
			if (na == "") {
				alert("用户名不能为空");
				na.focus();
				return false;
			}
			//检验密码
			var pass = $("#password").val();
			if (pass == "" || pass.length < 6) {
				alert("密码不能小于6位！");
				pass.focus();
				return false;
			}
			//真实姓名
			var trurname = $("#truename").val();
			if (truename == '') {
				alert("姓名不能为空");
				truename.focus();
				return false;
			}
			//验证码
			var cc = $("input[name='code']").val();
			if (cc == '') {
				alert("验证码不能为空");
				cc.focus();
				return false;
			}
			$("form").submit();
		});
	});
</script>