jquery - 表单 checkValidity() 不标记失败的输入

标签 jquery forms validation bootstrap-4

出于某些原因,当我在表单上使用 checkValidity() 时,失败的输入不会被标记为无效。

方法是这样调用的:

var result=$("#myForm")[0].checkValidity();

当输入无效时,结果为假。但是输入没有被标记为无效,没有错误的视觉指示。

我不知道它是否相关,但也许你必须知道字段的“required”属性是根据用户的操作动态删除或添加的,代码如下:

$('input').prop('required',false);
$('input').prop('required',true);

你还必须知道我使用的是 Bootstrap 4,所以失败的输入在失败时应该得到“is-invalid”类。也许对“必需”属性的操作混淆了 Bootstrap?

最佳答案

checkValidity 方法不会向输入添加任何类。您必须使用 CSS 伪类 :invalid 之类的

input:invalid {
    background: red;
}

看到它被标记为无效。 “必需”的添加/删除应该可以正常工作。

更多信息:https://developer.mozilla.org/de/docs/Web/CSS/:invalid

关于jquery - 表单 checkValidity() 不标记失败的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48583904/

相关文章:

validation - 验证输入框的输入

jquery - 数据表水平滚动问题

javascript - 在向上和向下滚动时向 div 添加类

Jquery 在页面加载后立即启动

javascript - 如何在tr的最后一个td中向img标签添加事件或添加id属性

javascript - 谷歌浏览器不提交表单(js 错误?)

javascript - 将表格提交到特定窗口

javascript - Angular : checkbox on form does not become checked when value from API is returned until I submit the form

ruby-on-rails - rails 中多个模型的最佳实践 - 嵌套/非嵌套和验证

php - ZF2 apigility - 我们如何验证 json 数据中的集合