关于jquery表单验证的问题

发布于 2021-11-28 10:54:40 字数 1938 浏览 732 评论 3

本来打算用jquery.validate的框架，但结果发现没有引用这个JS，居然也有验证提示，而且效果还可以，
只用了bootstrap 和jquery其他都没用，怎么验证也有效果呢，IE好像不行，用GOOGLE浏览器可以，难道是自带的？？

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
	<form class="form-horizontal" role="form" id="form1" action="">
		<div class="row" style="margin: 5px 0px">
			<div class="col-xs-12 col-sm-6 col-md-3">
				<div class="row">
					<label class="col-sm-4 control-label text-nowrap">客户名称</label>
					<div class="col-sm-8">
						<input name="khmc" type="text" value="" class="form-control" required></input>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-6 col-md-3">
				<div class="row">
					<label class="col-sm-4 control-label text-nowrap">客户简称</label>
					<div class="col-sm-8">
						<input name="khjc" type="text" value="" class="form-control" minlength="2" required></input>
					</div>
				</div>
			</div>
		</div>
		<button id="btn1">确定</button>
	</form>

	<script type="text/javascript">
		$("#btn1").click(function() {
			$("#form1").validate;

		});
	</script>

</body>
</html>