Question

我对jQuery Validation插件有一个非常奇怪的问题，它不会验证预先填充然后修改的select。

代码永远不会触发以下行中的alert()：

$('#edit_loc_save').click(function() {
    var foo = $('#add_new_loc_form').valid();
    alert(foo);
});

Answer 1

每次更改值时，您都可以检查选择是否有效：

<强>的Javascript

$('#myform').validate();
$('#myselectbox').on('change', function() {
    $(this).valid();
});

<强> Demo

修改1

以下是导致javascript错误的原因，这会阻止验证功能正常运行：

new_loc_zip: {
    required: true,
    postalcode: true // This is not a correct setting in jquery validate
},

如果您删除postalcode: true行，则验证会正常调用。

<强> Demo

Answer 2

http://jsfiddle.net/YRAga/2/

$('#myform').validate({
    rules: {
        myselectbox: {
            required: true
        }
    }
});

$("#myselectbox").change(function() {
    $("#myform").submit();
});

Answer 3

如果您想在更改选项时进行验证，请尝试处理select选项的change事件并以编程方式触发验证

尝试这样的事情

$(document).ready(function() {
        $('#myselectbox').change(function() {
              $('#myform').validate({
                            rules: {
                              myselectbox: {required: true }
                            }
                          }).form();
                       });
                    });

请参阅小提琴：here

jQuery验证插件未验证预填充选择

3 个答案: