使用jquery的validate插件验证表单输入
validate是依赖于jquery.js的插件，是集成了表单常用验证的js文件。
第一步：
下载Jquery：https://jquery.com/download/
下载validate：https://jqueryvalidation.org/
第二步：
HTML代码：
msg_zh.js输入中文包，可选
<html>
<head>
<title>表单验证</title>
<script type="text/javascript" src="~/Scripts/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.msg_zh.js"></script>
<script type="text/javascript">
<!-- 验证初始化-->
$.validator.setDefaults({
submitHandler: function () {
alert("提交事件!");
}
});
<!-- jquery设置FORM的验证事件-->
$(function () {
$("#uform").validate();
});
</script>
</head>
<body>
<div>
<form action="" method="post" id="uform">
<p>
<b>Jquery表单验证</b>
</p>
<p>
姓名： <input type="text" minlength="2" name="uname" required />
</p>
<p>
<input type="submit" value="提交" />
</p>
</form>
</div>
</body>
</html>4种情况（代码中设置至少输入2个字符）：