bootstrapvalidator的簡單校驗【必填校驗、長度校驗、是否存在校驗（remote）】

需求：輸入框的"供應商編碼"不能為空而且不能與數據庫重復,供應商名稱不能為空。

解決:

1.input如下

<input id="ssupplierNo" name="ssupplierNo" type="text"
                   class="form-control input-sm"
                   value="${supplierinfo.ssupplierNo}" 供應商編碼 " />

2.js函數

 jQuery(function() {    
 $('#Form').bootstrapValidator({
            feedbackIcons : {
                valid : 'glyphicon glyphicon-ok',
                invalid : 'glyphicon glyphicon-remove',
                validating : 'glyphicon glyphicon-refresh'
            }
            ,
            fields : {
                ssupplierNo : {
                    validators : {
                        notEmpty : {
                            message : '供應商編碼不能為空'
                        },
                        stringLength : {
                            max : 50,
                            message : '不超過50個字符'
                        }
                        ,
                        remote:{
                            message:'供應商編碼已經存在，請重新輸入',
                            url:'<%=request.getContextPath()%>/apps/supplierInfo.do?method=checkSupplierNo',
                            delay:4000    /*使用延時異步調用服務端方法，4000即文本輸入框靜止4秒后調用服務端方法*/
                        }
                    }
                },
            ssupplierFullName : {
                    validators : {
                        notEmpty : {
                            message : '供應商名稱不能為空'
                        },
                        stringLength : {
                            max : 50,
                            message : '不超過50個字符'
                        }
                    }
                },
            }
        });
}

3.供應商編碼唯一性校驗控制層代碼如下

/* 校驗輸入框的值是否已經存在 */
        @RequestMapping(params = "method=checkSupplierNo")
        public 
        @ResponseBody
        JSONObject  checkSupplierNo(HttpServletRequest request, ModelMap modelMap) {
            String supplierNo = request.getParameter("ssupplierNo");//獲取輸入框的值
            JSONObject result = new JSONObject();
             try{
                 SupplierInfoQuery query = new SupplierInfoQuery();
                 query.setSsupplierNo(supplierNo);
                 List<SupplierInfo> supplierInfo_list =supplierInfoService.getSupplierInfosByQueryCriteria(0, Integer.MAX_VALUE, query);
                 if(supplierInfo_list.size()>0){//如果能查到值說明重復，返回false
                     result.put("valid", false);
                 }else{
                     result.put("valid", true);
                 }
             }
             catch (Exception ex) {
                ex.printStackTrace();
                logger.error(ex);
            }
             return result;
        }

注意事項：

這里需要說明的是bootstrap的remote驗證器需要的返回結果一定是json格式的數據 :

{"valid":false} //表示不合法，驗證不通過
{"valid":true} //表示合法，驗證通過

如果返回任何其他的值，頁面驗證將獲取不到驗證結果導致無法驗證。