이중배열 유효성 검사

조회수 1537회

jquery repeater(https://github.com/DubFriend/jquery.repeater)를 사용해서 폼입력을

추가 삭제 하게 만들었습니다.

그리고 jquery validation (http://jqueryvalidation.org) 를 이용해서 값을 하나도 해야 저장이 되도록 하고 싶은데 유효성 검사가 되지 않습니다.

form 
 <div data-repeater-list="products">
           <div data-repeater-item class="row rowRepeater">
                <div class="col-md-4">
                    <select class="form-control" name="product">
                         <option value="제품1">제품1</option>
                         <option value="제품1">제품2</option>
                         <option value="제품1">제품3</option>                                    
                     </select>
                 </div>
                <div class="col-md-3">
                   <input type="text"  class="form-control" style = "text-align:right;" name='quantity'/>
                    <div class="form-control-focus"> </div>
                    <span class="help-block" >수량 입력</span>
                 </div>
            </div>
    </div>
      <a href="javascript:;" data-repeater-create class="btn btn-info mt-repeater-add btn-xs">
              <i class="fa fa-plus"></i> 제품추가</a>
      <br>

validation 

form.validate({

                rules: {

                  "products[][product]" : {
                      required: true
                  },
                  "products[][quantity]" : {
                     required: true
                   },
                },


위와 같이 했는데 유효성 검사를 못하고 그냥 넘어 갑니다.

"products[][product]" 가 아닌 "products[0][product]" 으로 하면 첫번째 항목은 검사를 합니다.

입력창이 몇개로 늘어날지 몰라서 products[숫자.....] 를 넣을수는 없는데 어떻게 처리를 해야 할까요?

  • (•́ ✖ •̀)
    알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)