validate表单验证

引用：

<script src="${ctx}/static/vendor/jquery-validation/jquery-validation.min.js"></script>
<script src="${ctx}/static/js/jquery.validation_zh_CN.js"></script>

效果图：

js:

<script>
	$(function() {
		$("#validForm").validate();

	});
</script>

html:(在class上加上要验证的，例如这里验证数字，加number)

<label for="realName" class="col-sm-4 control-label">总学时</label>
<div class="col-sm-8">
     <input class="form-control number " placeholder="请输入总学时" id="totalHours" name="totalHours" value="${bean.totalHours}" maxlength="10" />
</div>

 

具体的在zh_CN.js中，如下：

$.extend( $.validator.messages, {
	required: "必填字段",
	remote: "请修正此字段",
	email: "请输入有效的电子邮件",
	url: "请输入有效的网址",
	date: "请输入有效的日期",
	dateISO: "请输入有效的日期 (YYYY-MM-DD)",
	number: "请输入有效的数字",
	digits: "只能输入数字",
	creditcard: "请输入有效的信用卡号码",
	equalTo: "你的输入不相同",
	extension: "请输入有效的后缀",
	maxlength: $.validator.format( "最多可以输入 {0} 个字符" ),
	minlength: $.validator.format( "最少要输入 {0} 个字符" ),
	rangelength: $.validator.format( "请输入长度在 {0} 到 {1} 之间的字符串" ),
	range: $.validator.format( "请输入范围在 {0} 到 {1} 之间的数值" ),
	max: $.validator.format( "请输入不大于 {0} 的数值" ),
	min: $.validator.format( "请输入不小于 {0} 的数值" )
} );

引用：

https://download.csdn.net/download/qq_31935559/11146281

参考：

http://www.runoob.com/jquery/jquery-plugin-validate.html