在 msdropdown 更改时未清除 Jquery 验证消息

Question

我有一个带有两个选择框的表单。第一个使用 msdropdown 设置样式。我正在使用 jquery 验证（必需）验证表单。当我提交将验证两个选择框并显示错误消息的表单时。没关系。

但我的问题是当我刚刚更改选择框选项时，验证消息正在清除普通选择框。但它没有清除 msdropdown 选择框。我需要再次单击提交按钮以清除消息。当我更改选择框选项时，我应该如何验证？

这是我的验证规则块。

$(document).ready(function(e) {     
    $("body #webmenu").msDropDown();
    $("#frmTest").validate({
        rules: {
            normal: {
                required: true
            },
            webmenu: {
                required: true
            }
        }
    });
});    

我已经创建了一个场景。请看一下。

http://jsfiddle.net/LHF3G/

Answer 1

使用the plugin's .valid() method 在mouseup 事件时触发对元素的验证测试。我使用浏览器的 DOM 检查器来查找目标... <li> 类为 _msddli_。

$('._msddli_').on('mouseup', function() { // target the custom line item on mouseup
    $('#webmenu').valid(); // validation test triggered on target element
});

工作演示：http://jsfiddle.net/LHF3G/1/

---

编辑：

另一个版本与上述相同：

$('#webmenu').on('change', function() {  // target the original select on change
    $(this).valid();  // validation test triggered on target element 
});

演示：http://jsfiddle.net/LHF3G/3/

您可以调整 jQuery 选择器和 JavaScript 事件以适应任何可能的情况。然而，这里最重要的一点是.valid() 方法是触发验证测试的机制，这反过来会根据需要切换错误消息。

Answer 2

感谢您的支持。我终于通过添加以下代码解决了这个问题。

 $('#webmenu').on('change', function(){ 
     $('#frmTest').valid(); 
 })