Question

是否可以使用javascript手动激活标签中的数据错误？

我要做的是检查两个输入字段是否相同，如果没有触发标签中的数据错误。

HTML

<input id="email" type="email" class="validate">
<label for="email">Email</label>
<input id="check_email" type="email" class="validate">
<label for="check_email" data-error="Re-typed email must match">Re-type email</label>

在我的javascript中，我基本上检查check_email值是否与电子邮件值匹配。如果不是那样的话我想激活数据错误。

Answer 1

如果check_email值与电子邮件值不匹配，则需要将以下内容添加到JS中：

$("#check_email").addClass("invalid");
$("#check_email").prop("aria-invalid", "true");

为了更清晰，您可以参考此codepen

Answer 2

我一直在努力解决这个问题几个小时，直到我发现这种天真而蛮力的解决方案：

$("#signinUsername").next("label").attr('data-error','The name field is required');
$("#signinUsername").removeClass("valid");
$("#signinUsername").addClass("invalid");

看起来丑陋，它有效。

手动激活“数据错误”属性

2 个答案: