jquery选择和验证：验证不起作用

Question

有一个州选择字段和城市div。

1）首先填写选择字段并且城市div字段为空

2）一旦选择了状态，它将使用ajax获取所选州的城市，并使用具有必需属性的选择框填充城市div。

它工作正常（验证在此阶段起作用）。现在我将选择的jquery插件添加到ajax中的城市选择框。

<script>
$(function(){
    $.post('ajax.php',{stateid:stateid}).done(function(data){
         $('#citybox').html(data).chosen();
    });
});
</script>

选择工作正常，但验证不适用于城市选择框

Answer 1

jQuery validate忽略隐藏元素，并且由于Chosen插件为select选择了隐藏属性：

$.validator.setDefaults({ ignore: ":hidden:not(select)" }) //for all select

在validate（）函数之前添加此行。