Я использую html 5 для разработки мобильных приложений в Icenium
Я хочу сделать проверку, поэтому я использовал требуемый атрибут вместе с атрибутом 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>
Если вы хотите полагаться на функциональность HTML5, тогда Id предложит использовать API проверки ограничений.
element.willValidate
, element.validity.valid
или element.checkValidity()
- это то, что вы могли бы запросить на событие размытия (или изменить, keyup, whatever), чтобы узнать, находится ли какой-либо элемент в настоящее время в правильном состоянии или нет.
Попробуй это:
<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');
}
});