javascript - 选择 jquery 并验证 : validation doesn't work

Question

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

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 插件向选择添加了visibility:hidden 属性，请尝试:

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

在 validate() 函数之前添加此行。