이중배열 유효성 검사
조회수 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[숫자.....] 를 넣을수는 없는데 어떻게 처리를 해야 할까요?
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력