jQuery UI Validation Pluginと組み合わせて選択してください

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しない再検証入力を変え、気づいたよう。あなたはselectMenuにchangeイベントを活用して、手動で要素を再検証することでこれを回避することができます

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

例：// sscce：http://jsfiddle.net/8YvSN/