JavaScript 基本的jQuery表单验证

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 基本的jQuery表单验证相关的知识，希望对你有一定的参考价值。

<html>
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#my_form').validate();
		})
	</script>
	<style type="text/css">
	label {
		display:block;
	}
	input {
		display:block;
	}
	input.error {
		border: 1px solid red;
	}
	</style>
</head>
<body>

	<form id="my_form" action="" method="post">
		<label>First Name</label>
		<input id="my_firstname" class="required" minlength="2" />
		<label>Last Name</label>
		<input id="my_lastname" class="required" minlength="2" />
		<label>Email</label>
		<input id="my_email" class="required email" /> 
	</form>
</body>
</html>

以上是关于JavaScript 基本的jQuery表单验证的主要内容，如果未能解决你的问题，请参考以下文章

使用Javascript / jQuery进行Bootstrap 4表单验证

Jquery验证只能验证表单吗，能验证表单里指定的DIV吗

JavaScript 简单的类似Captcha的验证JavaScript脚本，使用jQuery（表单）验证插件

表单验证——JavaScript和Jquery版

JavaScript 或 jQuery 中的 HTML 表单验证逻辑

JavaScript 表单验证器 - jQuery插件