javascript - 验证后如何删除 HTML5 标题属性

Question

我在 Icenium 中使用 html 5 进行移动开发。

我想做验证，所以我使用required属性和title属性来向用户显示消息。

但是，一旦我在指定的字段中输入正确的输入，标题消息就应该被删除；因为一旦用户输入适当的值，就不适合向用户显示消息。

我想在验证后删除标题表单字段，有什么办法吗？

<li>
    <label>First Name:
        <input type="text" data-bind="value: firstName" required title="Please Enter your First Name">
    </label>
</li>
<li>
    <label>Last Name:
        <input type="text" data-bind="value: lastName" required title="Please Enter your Last Name">
    </label>
</li>
<li>
    <label>Email:
        <input type="email" required title="please enter your email" data-bind="value: emailAddress" autocomplete="off">
    </label>
</li>

Answer 1

尝试这个：

<li>
    <label>First Name:
        <input class="txtCheck" type="text" data-bind="value: firstName" required title="Please Enter your First Name">
    </label>
</li>


$('.txtCheck').on('blur keyup', function(){
      if($(this).val() == "yourvalue"){
         $(this).removeAttr('title');
      }
});

Answer 2

如果您想依赖 HTML5 功能，那么我建议您使用约束验证 API。

element.willValidate，element.validity.valid或者element.checkValidity()是您可以查询模糊事件（或更改、keyup 等）以查看某个元素当前是否处于有效状态。