jquery - Jquery 表单验证 - 一次显示一个错误

Question

我有工作代码，当单击按钮时，它会显示表单中的所有错误。但是一次出现所有错误只会弄乱我的屏幕。有没有办法一次显示一个错误...

 $('#bet_cal_form').validate({ // initialize the plugin
    errorPlacement: function (error, element) {
        $(element).tooltipster('update', $(error).text());
        $(element).tooltipster('show');
    },
    success: function (label, element) {
        $(element).tooltipster('hide');
    },

    rules: {
        odd_a1: {
            required: true,
            minlength: 5

        },
        odd_b1: {
            required: true

        }
    },

});

谢谢...

添加 - 这是我在.. http://jsfiddle.net/kyK4G/中找到的示例代码

Answer 1

您可以使用 onblur 事件绑定元素，并在 onblur 方法中检查元素是否有效。注意：onblur 不适用于 radio/select，因此您还必须在验证 js 文件中覆盖 onchange/onclick 事件。

希望能回答您的问题。