对jqueryValidate的使用心得 这个例子和bootstrap联合用的

首先要知道jqueryValidate一款提供表单验证的插件

        下面是我开发的中的例子

     commentForm 是form的id   ，rules是验证规则，messages是返回的错误信息，messages可以省略，单最好根据自己的业务，去定义，如果直接是通过表单提交的，使用下面的方法就行，如果是通过ajax提交的，就要在ajax外面加一层判断
例如if($("#commentForm").valid()){
         这里写提交的
         var  xxx=（"#ddd"）.val();
         $.ajax({

    });
}

$("#commentForm").validate({       errorPlacement: function errorPlacement(error, element) {           if(element.prop("name") == "color"){              element.parent().parent().before(error);           }else{            element.before(error);            }       },       rules: {           productBrand: {               required: true,           },           productNameNew: {               required: true,           },           productModel: {               required: true,           },           productBrandWidth: {               required: true,           },           name: {               required: true,               maxlength:20           },           salePrice: {               required: true,               range:[0,9999],               maxlength:6           },           marketPrice:{               range:[0,9999],               maxlength:6           },           salesPromotion:{               maxlength:20           },           gift:{               maxlength:85           }       },       messages:{           productBrand: {               required: "产品品牌必选",           },           productNameNew: {               required: "产品名称必选",           },           productModel: {               required: "产品型号必选",           },           productBrandWidth: {               required: "带宽必选",           },           name: {               required: "销售品名称不能为空",               maxlength:"最大长度为20个字符"           },           salePrice: {               required: "销售价不能为空",               range:"请输入9999以内的数字" ,               maxlength:"最大长度为6位数字"           },           marketPrice:{               range:"请输入9999以内的数字",               maxlength:"最大长度为6位数字"           },           salesPromotion:{               maxlength:"最大长度为20个字符"           },           gift:{               maxlength:"最大长度为85个字符"           }       }      });需要引用的js
<script type="text/javascript"src="jquery-3.1.0.min.js"></script>
<script type="text/javascript"src="jquery.pnotify.js"></script>
<script type="text/javascript"src="jquery.validate.min.js"></script>
<script type="text/javascript" src="messages_zh.min.js"></script>
jsp
<div class="form-group">    <label for="name" class="control-label"><labe style="color:red;">*</labe>销售品名称</label>    <input type="text" name="name" class="form-control" value="" id="name" placeholder="请输入销售品名称"></div>