获取所需验证的默认消息

乔迪

我想使用 JavaScript 显示用于验证的默认错误消息(例如必需的)。

浏览器提供的默认消息很好(它会自动翻译),我只想通过自定义验证以编程方式触发它。

是否可以获取浏览器提供的默认错误消息?

特里斯坦橄榄树

这应该工作

input.addEventListener('change', function(e) {
    if (// your check)
        this.setCustomValidity('Error');
    else
        this.setCustomValidity('');
});

因此,当您提交表单时,浏览器将显示自定义有效性消息

编辑:

“stackoverflow”示例

document.querySelector('#search > div > input').setCustomValidity('Hello')

如果您点击搜索按钮,您将拥有

在此处输入图片说明

要获取浏览器的验证消息,您可以执行以下操作:

document.querySelector('#search > div > input').validationMessage

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Kendo Combobox 不触发所需的验证消息

来自分类Dev

获取特定组件的验证消息

来自分类Dev

更改Struts验证程序默认消息

来自分类Dev

Parsely.js覆盖默认验证消息

来自分类Dev

如何更改默认验证错误消息?

来自分类Dev

更改Struts验证程序默认消息

来自分类Dev

在错误验证消息上获取组件ID

来自分类Dev

如何获取角度形式验证错误消息?

来自分类Dev

如何覆盖OmniFaces默认的验证/转换错误消息?

来自分类Dev

如何更改Django中验证器的默认错误消息

来自分类Dev

jQuery表单验证默认消息替换不起作用

来自分类Dev

jQuery表单验证-phoneUS和默认消息样式

来自分类Dev

在提交表单或字段变脏时显示验证消息-提交时显示定制消息和默认验证消息

来自分类Dev

如何具有单独的错误消息来验证匹配字段以及所需的字段

来自分类Dev

使用Kendo UI验证程序如何隐藏默认验证错误消息并仅在工具提示上显示消息

来自分类Dev

在提交表单或字段变脏时显示验证消息-提交时会同时显示自定义验证消息和默认验证消息

来自分类Dev

如何在验证消息Laravel 5.2中获取数组索引

来自分类Dev

为dropdownListFor获取不同的验证消息“必须为数字”

来自分类Dev

Ruby on Rails在控制器上获取验证错误消息

来自分类Dev

如何通过代码获取TFS工作项验证错误消息?

来自分类Dev

Laravel Livewire从组件中的验证器获取错误消息

来自分类Dev

如何通过代码获取TFS工作项验证错误消息?

来自分类Dev

将默认的休眠消息委派给约束组合中的验证失败

来自分类Dev

如何在自定义验证中更改默认的“ is_invalid错误”消息

来自分类Dev

如何通过spring @Valid验证自定义默认错误消息?

来自分类Dev

如何显示错误消息,如果字段留空或jQuery中的默认值验证

来自分类Dev

如何在自定义验证中更改默认的“ is_invalid错误”消息

来自分类Dev

更改默认电子邮件验证错误消息的正确方法是什么?

来自分类Dev

553很抱歉,验证失败或超时。请先获取消息以进行身份验证。(#4.4.3)

Related 相关文章

  1. 1

    Kendo Combobox 不触发所需的验证消息

  2. 2

    获取特定组件的验证消息

  3. 3

    更改Struts验证程序默认消息

  4. 4

    Parsely.js覆盖默认验证消息

  5. 5

    如何更改默认验证错误消息?

  6. 6

    更改Struts验证程序默认消息

  7. 7

    在错误验证消息上获取组件ID

  8. 8

    如何获取角度形式验证错误消息?

  9. 9

    如何覆盖OmniFaces默认的验证/转换错误消息?

  10. 10

    如何更改Django中验证器的默认错误消息

  11. 11

    jQuery表单验证默认消息替换不起作用

  12. 12

    jQuery表单验证-phoneUS和默认消息样式

  13. 13

    在提交表单或字段变脏时显示验证消息-提交时显示定制消息和默认验证消息

  14. 14

    如何具有单独的错误消息来验证匹配字段以及所需的字段

  15. 15

    使用Kendo UI验证程序如何隐藏默认验证错误消息并仅在工具提示上显示消息

  16. 16

    在提交表单或字段变脏时显示验证消息-提交时会同时显示自定义验证消息和默认验证消息

  17. 17

    如何在验证消息Laravel 5.2中获取数组索引

  18. 18

    为dropdownListFor获取不同的验证消息“必须为数字”

  19. 19

    Ruby on Rails在控制器上获取验证错误消息

  20. 20

    如何通过代码获取TFS工作项验证错误消息?

  21. 21

    Laravel Livewire从组件中的验证器获取错误消息

  22. 22

    如何通过代码获取TFS工作项验证错误消息?

  23. 23

    将默认的休眠消息委派给约束组合中的验证失败

  24. 24

    如何在自定义验证中更改默认的“ is_invalid错误”消息

  25. 25

    如何通过spring @Valid验证自定义默认错误消息?

  26. 26

    如何显示错误消息,如果字段留空或jQuery中的默认值验证

  27. 27

    如何在自定义验证中更改默认的“ is_invalid错误”消息

  28. 28

    更改默认电子邮件验证错误消息的正确方法是什么?

  29. 29

    553很抱歉,验证失败或超时。请先获取消息以进行身份验证。(#4.4.3)

热门标签

归档