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

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

 $('#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

        }
    },

});

谢谢

添加-以下是我在中找到的示例代码。。

---

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

---

希望能回答您的问题。

请将插件的链接扔给我这里是我从中获取代码的链接。。也许你需要我们为这个插件的一个额外功能拉一个请求。这与Tooltipster完全无关。当您单击submit按钮时，jQueryValidate插件将显示所有挂起的表单错误，因为这是用户希望表单验证工作的方式。如果您希望一次只看到一个错误，那么在填写表单之前不要单击提交按钮。。。这正是它的工作原理。