javascript - JQuery Validation 重新验证

Question

我正在使用 JQuery 验证，但我需要以某种方式重新验证字段。我有一个具有远程功能并且工作正常的文本字段。但是，其上方有一个可能会发生变化的选择框。我只想在选择框的值发生变化时再次进行验证。那可能吗？

$('#input').validate(
        {
            rules: {
                dbname: {
                    required: true,
                    minlength: 1,
                    onKeyUp: false,
                    remote: {
                        type:"post",
                        url:'createdb/checkdbname',
                        data: {
                            catserver: function(){
                                return $("#catserver").val();
                            },
                            prepend: function(){
                                return $("#prepend").text();
                            }

                        }
                    }

                },
                dataname: {
                    required: true
                },
                clientsel: {
                    required: true
                }

            },

            messages: {
                dbname: {
                    remote: "Database Already Exists on Server"

                }
            },

基本上，选择框 catserver 和 dbname 有点相互依赖。我不确定我是否正确处理了这个问题。如果重要的话，我正在使用带有 codeigniter 的 Bootstrap 。基本上发生的情况是，在我验证良好并且有人更改了 catserver 的选择值之后，除非我更改 dbname 字段的值，否则不会再次发生 dbname 的验证。

Answer 1

当然，您可以将 change 事件绑定(bind)到应触发验证的元素:

$('.my-select-box').on('change', validate);

function validate() {
   $('#input').validate(
        {
            rules: {
                dbname: {
                    required: true,
                    minlength: 1,
                    onKeyUp: false,
                    remote: {
                        type:"post",
                        url:'createdb/checkdbname',
                        data: {
                            catserver: function(){
                                return $("#catserver").val();
                            },
                            prepend: function(){
                                return $("#prepend").text();
                            }

                        }
                    }

                },
                dataname: {
                    required: true
                },
                clientsel: {
                    required: true
                }

            },

            messages: {
                dbname: {
                    remote: "Database Already Exists on Server"

                }
            },
// .......
}