bootstrapvalidator의 간단한 검사 [필수 검사, 길이 검사, 검사 존재 여부(remote)]

8747 단어
요구사항: 입력 상자의 공급업체 인코딩은 비어 있을 수 없고 데이터베이스와 중복될 수 없으며 공급업체 이름은 비어 있을 수 없습니다.
해결 방법:
1. input은 다음과 같다.
1 <input id="ssupplierNo" name="ssupplierNo" type="text"
2                    class="form-control input-sm"
3                    value="${supplierinfo.ssupplierNo}"       " />

2. js 함수
 1  jQuery(function() {    
 2  $('#Form').bootstrapValidator({
 3             feedbackIcons : {
 4                 valid : 'glyphicon glyphicon-ok',
 5                 invalid : 'glyphicon glyphicon-remove',
 6                 validating : 'glyphicon glyphicon-refresh'
 7             }
 8             ,
 9             fields : {
10                 ssupplierNo : {
11                     validators : {
12                         notEmpty : {
13                             message : '         '
14                         },
15                         stringLength : {
16                             max : 50,
17                             message : '   50   '
18                         }
19                         ,
20                         remote:{
21                             message:'         ,     ',
22                             url:'/apps/supplierInfo.do?method=checkSupplierNo',
23                             delay:4000    /*             ,4000        4         */
24                         }
25                     }
26                 },
27             ssupplierFullName : {
28                     validators : {
29                         notEmpty : {
30                             message : '         '
31                         },
32                         stringLength : {
33                             max : 50,
34                             message : '   50   '
35                         }
36                     }
37                 },
38             }
39         });
40 }

3. 공급업체 인코딩 유일성 검사 제어층 코드는 다음과 같다.
 1 /*               */
 2         @RequestMapping(params = "method=checkSupplierNo")
 3         public 
 4         @ResponseBody
 5         JSONObject  checkSupplierNo(HttpServletRequest request, ModelMap modelMap) {
 6             String supplierNo = request.getParameter("ssupplierNo");//       
 7             JSONObject result = new JSONObject();
 8              try{
 9                  SupplierInfoQuery query = new SupplierInfoQuery();
10                  query.setSsupplierNo(supplierNo);
11                  List supplierInfo_list =supplierInfoService.getSupplierInfosByQueryCriteria(0, Integer.MAX_VALUE, query);
12                  if(supplierInfo_list.size()>0){//          ,  false
13                      result.put("valid", false);
14                  }else{
15                      result.put("valid", true);
16                  }
17              }
18              catch (Exception ex) {
19                 ex.printStackTrace();
20                 logger.error(ex);
21             }
22              return result;
23         }

참고 사항:
여기에 설명해야 할 것은bootstrap의remote 검증기가 필요로 하는 반환 결과는 반드시 json 형식의 데이터입니다.
{"valid":false} //     ,     
{"valid":true} //    ,    

다른 값을 반환하면 페이지 유효성 검사 결과가 표시되지 않아 유효성 검사가 불가능합니다.
전재 대상:https://www.cnblogs.com/Anti-General/p/9687898.html

좋은 웹페이지 즐겨찾기