为什么工具提示在 jquery 中不显示验证？

Question

我使用 jquery validate 验证我的表单。它工作正常。 http://jsfiddle.net/cRew4/2/ 当您将焦点更改为一个字段和另一个字段时，它会出错。 现在我将在其中实现工具提示，所以我在所有输入字段中添加标题作为示例 "title="title"" 它显示工具提示但它删除了对该字段的验证。而不是显示错误它显示标题的输入字段。为什么 ？ http://jsfiddle.net/cRew4/3/

$("#commentForm").validate();
  $(document).tooltip();

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>Please provide your name, email address (won't be published) and a comment</legend>
    <p>
      <label for="cname">Name (required, at least 2 characters)</label>
      <input id="cname" name="name" minlength="2" title="title" type="text" required/>
    </p>
    <p>
      <label for="cemail">E-Mail (required)</label>
      <input id="cemail" type="email" name="email" required/>
    </p>
    <p>
      <label for="curl">URL (optional)</label>
      <input id="curl" type="url" name="url"/>
    </p>
    <p>
      <label for="ccomment">Your comment (required)</label>
      <textarea id="ccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit"/>
    </p>
  </fieldset>
</form>

当鼠标悬停在字段上时，我需要它显示工具提示。但是当用户填写不正确的值而不是工具提示消息时，它会显示验证错误

Answer 1

验证默认采用标题。

所以，你必须添加ignoreTitle 参数。

JS

$(document).tooltip();
$("#commentForm").validate({
    ignoreTitle: true
});

文档中提到了，请看这里：http://jqueryvalidation.org/validate/

JSfiddle Demo