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

Question

我有一个带有两个选择框的表单。第一个是使用msdropdown设置样式的。我正在使用jquery验证(必需)来验证表单。当我提交表单时，将验证两个选择框，并显示错误消息。那很好。

但是没有清除msdropdown选择框。我需要再次单击submit按钮来清除消息。当我更改选择框选项时，我应该做什么来验证它？

这是我的验证规则块。

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

我已经创建了一个场景的小提琴。请看一下。

http://jsfiddle.net/LHF3G/

Answer 1

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

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

工作演示：

编辑

另一个版本与上一版本相同：

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

演示：

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

Answer 2

多谢你们的支持。我最终通过添加以下代码解决了这个问题。

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