如何将HTML验证的默认文本更改为自定义错误消息

玛利亚姆(Maryam Ghashghaei)

我需要知道,如何将每个html验证的默认文本更改为自定义错误消息。

我阅读了这篇文章:https : //developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

这是我的html代码:

<form>
  <input id="choose" name="i_like" required>
  <button>Submit</button>
</form>

消息是:

请填写此字段。

问题是,我想更改此默认错误消息。

编辑:

我也想定义一个固定消息,并将该消息的一部分更改为自定义错误消息以进行验证,这是我的第二个问题。

例如:

“发送前请输入[----]”

感谢您的帮助。

西阿瓦什

您可以使用setCustomValidity方法来定义自己的自定义错误消息。关于第二个问题,您应该定义一个函数,并设置name属性以将关键字传递给固定消息。

声明一个Javascript函数:

<script>

    function applyValidation(x){

        var msg = "Please enter"+ x.name +" before send"
        x.setCustomValidity(msg);
    }
</script>

然后在您的html中使用它:

<form>
    <input type="text" id="choose" name="input-name1" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

    <input type="text" id="choose" name="input-name2" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

  <button>Submit</button>
</form>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将未找到的Mojolicious Lite默认错误更改为自定义json响应

如何将默认sanic日志目录更改为自定义目录?

如何将Django Rest Framework的默认URL更改为自定义

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

如何将数值更改为自定义范围的文本

如何将状态栏文本颜色更改为自定义颜色

如何将默认导航选项卡视图更改为自定义选项卡视图?

如何将wordpress的默认登录页面从wp-login.php更改为自定义登录页面?

Laravel Passport - 将默认的未经身份验证的响应更改为自定义响应

将默认发票报告更改为自定义报告?

如何在扩展(自定义)验证器类中动态更改验证错误消息

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

如何将底部导航视图颜色更改为使用 xml 创建的自定义颜色?

在Android自定义键盘中,如何将字母键盘更改为符号键盘?

C# - 如何将前景色更改为自定义 RGB 值

LARAVAL - 如何将 Auth::route() 路径更改为自定义地址

如何将全局“ $”的值更改为返回jQuery实例的自定义函数?

MeteorJS:如何将localhost更改为自定义域?

如何将Windows 8.1的开始屏幕更改为自定义背景?

如何将UIImageView更改为自定义单元格

如何将UISearchBar图标更改为自定义图像?

单击按钮后如何将光标更改为自定义

如何将路由配置更改为自定义路由?

如何将 Django 中应用程序的 url 更改为自定义 url

如何将x-tick标签更改为自定义标签

如何将Evernote笔记中的字体更改为自定义大小?

如何将ubuntu 16.04 LTS壁纸更改为自定义图像?

如何将应用程序字体更改为自定义字体

Rails - 如何将控制器中的自定义方法更改为常规方法?