Question

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

我想进行验证，因此我使用必需的属性以及 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功能，那么我建议您使用constraint validation API。

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

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

2 个答案: