如何给form表单加验证信息

1.引入两个js
jquery.validate.min.js

jquery.validate.msg.js

(function( factory ) {
    if ( typeof define === "function" && define.amd ) {
        define( ["jquery", "../jquery.validate.min"], factory );
    } else {
        factory( jQuery );
    }
}(function( $ ) {


    /*
     * Translated default messages for the jQuery validation plugin.
     * Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語)
     */
    $.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} 的数值")
    });


}));

2.页面加验证信息

<td class="col-sm-1">
  <label class="control-label col-xs-10 no-padding-right"><font color="red">*</font>文书名称:</label>
</td>
<td class="col-sm-5">
 <input type="text" class="col-xs-10 col-sm-12 required" th:field="*{docName}" placeholder="请输入文书名称"/>
</td>

3.表单提交加效验
 

var validateForm;
function doSubmit(){
    if(validateForm.form()){
        $("#dataForm").submit();
        return true;
    }
    return false;
}