jQuery UI 유효성 검사 플러그인과 함께 선택

Question

jQuery UI를 사용하여 셀렉트 박스의 스타일을 지정했기 때문에 셀렉트 박스의 유효성을 검사하고 싶습니다.

JQuery와 UI는 디스플레이의 실제 선택 박스를 설정 :

을하지만 그것은 jQuery를 UI의 선택 박스 플러그인과 함께 작동하는 방법을 만들 수 있습니다 : 볼이 작동하지 왜 그렇게 아무도 없다?

나는 약간의 해결책이있다. :)

Answer 1

이것은 selectMenu이 select을 숨기 때문입니다. 기본적으로 validate는 숨겨진 요소의 유효성을 검사하지 않습니다. 당신은 []에 ignore 옵션을 설정하여이를 변경할 수 있습니다 :

$(".valid").validate({ 
    meta: "validate", 
    ignore: [], 
    groups: { 
     checks: checkbox_names 
    }, 
    errorPlacement: function(error, element) { 
     if (element.attr("type") == "checkbox") 
      error.insertAfter(element.parent().siblings().last()); 
     else if (element.is("select")) { 
      error.insertAfter(element.next("a.ui-selectmenu")) 
     } 
     else error.insertAfter(element); 
    } 
}); 

당신이 selectMenu하지 않는 입력을 다시 확인 변경, 눈치.

// SELECTBOXES 
$(function() { 
    $('.dataTables_length input, select').not("select.multiple").selectmenu({ 
     style: 'dropdown', 
     transferClasses: true, 
     width: null, 
     change: function() { 
      $(".valid").validate().element(this); 
     } 
    }); 
}); 

예 :http://jsfiddle.net/8YvSN/