validate表单验证
引用:
<script src="${ctx}/static/vendor/jquery-validation/jquery-validation.min.js"></script>
<script src="${ctx}/static/js/jquery.validation_zh_CN.js"></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.****.net/download/qq_31935559/11146281
参考:
http://www.runoob.com/jquery/jquery-plugin-validate.html