양식에 이중 목록 상자에 대한 지시문을 만들었습니다 (Bootstrap Dual Listbox과 유사). 지시문은 두 개의 목록 상자로 구성됩니다. 값 (왼쪽)과 옵션 (오른쪽). 지시문을 각진 형식 유효성 검사와 함께 작동하도록하고 싶습니다. 값이 비어 있으면 양식. $ invalid가 true입니다.지시어에 ng-required가 필요하지 않습니다.
사용자 지정 필수 특성을 지시문에 전달하여이 작업을 시도했습니다.
지시어 내 첫 번째 선택 상자에 "필수"속성을 적용하는 데 문제가 있습니다.
는 지침 템플릿 내에서 다음과 같은 표현은 전혀 작동하지 않습니다 :ng-required="dlRequired == true"
을 예에서 저장 버튼을 경우에만 텍스트 상자가 유효 인 상태를 사용할 수 있습니다.
어디로 잘못 가고 있습니까?
다중 선택에서 필수 속성을 사용하고 있으며 다중 속성이 설정된 경우 jquery.validate.js와 같은 3 부 플러그인을 사용하지 않으면 필수 속성 인 것 같습니다. HTML5에 대한
문서가 필요 선택 :
http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element
예를 jquery.validate.js와 다중 선택에 대한 :
<select name="msopt_name" class="form-control valid" multiple="multiple" data-msg-required="The input field is required." data-rule-required="true"><option value="1" selected="">GeeWorld</option> <option value="2" selected="">EdCo</option> <option value="3">GeeCorp</option> <option value="4">MacFarlane Inc</option> <option value="5">The Alliance</option> <option value="6">Sunny Vale Trailer Park</option> <option value="23">Test</option> <option value="24">Test</option> <option value="25">Test</option></select>
http://plnkr.co/edit/80lAX7uQN3Y87JvtjZ3N?p=preview
그것이 도움이되기를 바랍니다!
일부 참조 :
Can I apply the required attribute to <select> fields in HTML5?
당신이 뭘 하려는지 효과를 자세히 설명해 할 수 있습니까? –
예에서 양식을 제출하려면 "이중 목록"을 작성해야합니다. 첫 번째 목록 상자에 항목이 있다는 의미에서 필요합니다. –
양식을 제출할 수 있습니다. 텍스트 입력란에 필수 속성을 추가 했으므로 아무 것도 입력하지 않으면 저장 버튼이 표시되지 않습니다. –