手动激活数据错误属性

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 值与 email 值不匹配，则需要将以下内容添加到 JS 中：

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

您可以参考此代码笔以获得更好的清晰度