小编dml*_*dml的帖子

我有一个表单，我正在使用JQuery 验证插件对其进行验证。验证工作文件，直到我将 Bootstrap 3 弹出窗口添加到名称为“taskName”（正在验证的）的文本字段（请参见下文）。当我将弹出窗口添加到此文本字段时，每次触发验证时都会重复显示错误消息。请参阅下面的代码摘录和屏幕截图。

我一直在试图弄清楚发生了什么，但到目前为止还没有成功。任何帮助将不胜感激。提前致谢！

HTLM 摘录

弹出窗口内容

<div id="namePopoverContent" class="hide">
    <ul>
        <li><small>Valid characters: [a-zA-Z0-9\-_\s].</small></li>
        <li><small>Required at least 3 characters.</small></li>
    </ul>
</div>

表格

<form class="form-horizontal" role="form"  method="post" action="" id="aForm">
    <div class="form-group has-feedback">
        <label for="taskName" class="col-md-1 control-label">Name</label>
        <div class="col-md-7">
            <input type="text" class="form-control taskNameValidation" id="taskName" name="taskName" placeholder="..." required autocomplete="off" data-toggle="popover">
            <span class="form-control-feedback glyphicon" aria-hidden="true"></span>
        </div>
    </div>
    ...
</form>

JQuery 验证插件设置

$(function() {
                //Overwriting a few defaults
                $.validator.setDefaults({
                    errorElement: 'span',
                    errorClass: 'text-danger',
                    ignore: ':hidden:not(.chosen-select)', 
                    errorPlacement: function (error, element) {
                       if …