Bootstrap更改默认的“请在电子邮件地址中包含@”

在这里插入图片描述
摘要:

今天开发一个外贸系统,必须全部英文的,但是使用到bootatrp 4的input标签的type="email"输入没有含“@”符号时会提示:“请在电子邮件地址中包含@”中文提示!一开始以为是中国下载的谷歌是浏览器自带的提示,可能国外没有的!

在这里插入图片描述

方案1:

直接改为type=“text”,提交表单时使用后台的校验!!
在这里插入图片描述

方案2:

使用oninvalid更改固定的提示信息!

<div class=" mb-3 required"><label for="input-email" class="col-form-label">{{ entry_email }}</label><div class="input_content"><input oninvalid="this.setCustomValidity('Please Enter valid email')" oninput="setCustomValidity('')" autocomplete="off"                         type="email" name="email" value="" placeholder="{{ entry_email }}" id="input-email" class="form-control p-2" /><div id="error-email" class="invalid-feedback"></div></div>
</div>

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/37619.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[思考记录.产品改进]假如异常日志可以自动上报

最近考虑日志收集的事情&#xff0c;主要出发点是&#xff1a; 1、在问题出现后能方便快速地收集相关的线索和证据&#xff0c;帮助快速定位和解决问题。因为反馈问题往往在发生之后&#xff0c;如果在这个时候能快速方便地拿到有用信息是件很舒服的事情&#xff0c;而在获取日…

AIGC重塑创意设计:不仅能带来新技术,更能引发新思考

随着科技的飞速发展&#xff0c;AIGC&#xff08;生成式人工智能&#xff09;已经逐渐成为创意设计领域的一股新势力。从影视制作到游戏设计&#xff0c;从平面广告到数字媒体&#xff0c;AIGC的影响力无处不在&#xff0c;它不仅带来了全新的技术手段&#xff0c;更在深层次上…

Linux-笔记 嵌入式gdb远程调试

目录 前言 实现 1、内核配置 2、GDB移植 3、准备调试程序 4、开始调试 前言 gdb调试器是基于命令行的GNU项目调试器&#xff0c;通过gdb工具我们可以实现许多调试手段&#xff0c;同时gdb支持多种语言&#xff0c;兼容性很强。 在桌面 Linux 系统&#xff08;如 Ubuntu、Cent…

跨越地域界限:Eureka实现跨区域服务发现全解析

跨越地域界限&#xff1a;Eureka实现跨区域服务发现全解析 在微服务架构的浪潮中&#xff0c;服务的分布式部署已成为常态。随着业务的全球扩展&#xff0c;服务往往需要跨区域甚至跨国界进行部署。在这样的背景下&#xff0c;服务发现机制面临着新的挑战——如何实现不同区域…

如何在服务器中找到数据库文件路径

在服务器中找到数据库文件路径的具体方法取决于您所使用的数据库管理系统和服务器的操作系统。以下是一些常见的数据库系统&#xff08;如MySQL、Microsoft SQL Server、Oracle、PostgreSQL和MongoDB&#xff09;的文件路径查找方法的详细步骤&#xff1a; MySQL 通过命令行查…

Redis基础教程(三):redis命令

&#x1f49d;&#x1f49d;&#x1f49d;首先&#xff0c;欢迎各位来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里不仅可以有所收获&#xff0c;同时也能感受到一份轻松欢乐的氛围&#xff0c;祝你生活愉快&#xff01; &#x1f49d;&#x1f49…

08 - Python面向对象编程进阶

面向对象进阶 在前面的章节我们已经了解了面向对象的入门知识&#xff0c;知道了如何定义类&#xff0c;如何创建对象以及如何给对象发消息。为了能够更好的使用面向对象编程思想进行程序开发&#xff0c;我们还需要对Python中的面向对象编程进行更为深入的了解。 property装…

六西格玛绿带培训的证书有什么用处?

近年来&#xff0c;六西格玛作为一套严谨而系统的质量管理方法&#xff0c;被广泛运用于各行各业。而六西格玛绿带培训证书&#xff0c;作为这一方法论中基础且重要的认证&#xff0c;对于个人和企业而言&#xff0c;都具有不可忽视的价值。本文将从多个角度深入探讨六西格玛绿…

重写功能 rewrite

Nginx服务器利用 ngx_http_rewrite_module 模块解析和处理rewrite请求&#xff0c;此功能依靠 PCRE(perl compatible regular expression)&#xff0c;因此编译之前要安装PCRE库&#xff0c;rewrite是nginx服务器的重要功能之 一&#xff0c;用于实现URL的重写&#xff0c;URL的…

充电宝口碑哪个好?好用充电宝品牌有哪些?好用充电宝推荐

充电宝作为我们日常生活和出行的重要伙伴&#xff0c;其品质和性能直接影响着我们的使用体验。今天&#xff0c;就来和大家探讨一下充电宝口碑哪个好&#xff0c;为大家盘点那些备受赞誉的好用充电宝品牌&#xff0c;并向您推荐几款值得入手的充电宝&#xff0c;外出时不再担心…

mac英语学习工具:Eudic欧路词典 for Mac 激活版

Eudic欧路词典是一款非常受欢迎的英语学习软件&#xff0c;它提供了丰富的词汇解释、例句、同义词、反义词等功能&#xff0c;帮助用户更好地理解和掌握英语单词。 以下是Eudic欧路词典的一些主要特点&#xff1a; 海量词汇库&#xff1a;Eudic欧路词典拥有庞大的词汇库&#…

flutter photo_manager 报错:Error: ‘DecoderCallback‘ isn‘t a type.

看看是不是你的photo_manager版本少于3.0。如果是少于3.0&#xff0c;请及时升级到3.0及以上版本&#xff0c;同时因为photo_manager3.0不再提供 AssetEntityImageProvider 这个方法&#xff0c;会导致报错&#xff0c;不要慌&#xff0c;请添加下方的库即可解决问题&#xf…

为什么人人都要懂一些销售思维

创业看事情的高度、考虑的维度比做销售更高、更复杂、更全面&#xff0c;销售思维、销售方法更多时候用在解决局部问题&#xff0c;帮我们打局部战争&#xff0c;它是术。 但是&#xff0c;我仍然认为&#xff0c;销售思维是一种很有用、有效、有力量、必要的思维。我们每个人…

面试题002-Java-Java集合

面试题002-Java-Java集合 目录 面试题002-Java-Java集合题目自测题目答案1. 说说 List,Set,Map 三者的区别&#xff1f;三者底层的数据结构&#xff1f;2. 有哪些集合是线程不安全的&#xff1f;怎么解决呢&#xff1f;3. 比较 HashSet 、LinkedHashSet 和 TreeSet 三者的异同&…

简过网:考一建需要报培训班吗?报班费用是多少钱

近几年来&#xff0c;越来越多的朋友都开始关注和参与备考一建&#xff0c;那么&#xff0c;大家在备考一建时&#xff0c;都报培训班了吗&#xff1f;报班的费用是多少钱&#xff1f;接下来&#xff0c;我们一块来了解一下吧&#xff1f; ​ 一、考一建需要报培训班吗&#…

【Jetpack】Lifecycle之自定义LifecycleOwner

Lifecycle设计讲解 Lifecycle的设计其实十分简单&#xff0c;主要就是Lifecycle对象和LifecycleOwner接口 Lifecycle用于记录对象的生命周期&#xff0c;以及在生命周期发生改变时通知外部 LifecycleOwner用于表示对象具备生命周期管理能力 LifecycleOwner的实现方式很简单&…

赛目科技三度递表:净利率及资产回报率不断下滑,经营成本越来越高

《港湾商业观察》施子夫 5月29日&#xff0c;北京赛目科技股份有限公司&#xff08;以下简称&#xff0c;赛目科技&#xff09;第三次递表港交所&#xff0c;公司拟主板上市&#xff0c;独家保荐机构为光银国际。 公开信息显示&#xff0c;赛目科技此前曾于2022年12月&#x…

Java全套智慧校园系统源码:核心功能、发展趋势、基于电子班牌: Android 7.1+小程序:原生开发+多学校Saas 模式

Java全套智慧校园系统源码&#xff1a;核心功能、发展趋势、基于电子班牌&#xff1a; Android 7.1小程序&#xff1a;原生开发多学校Saas 模式 智慧校园系统是一个集成了多种功能的综合性平台&#xff0c;旨在提升校园内的教学、管理、服务等方面的效率和体验。那么&#xff…

比较(五)利用python绘制棒棒糖图

比较&#xff08;五&#xff09;利用python绘制棒棒糖图 棒棒糖图&#xff08;Lollipop plot&#xff09;简介 棒棒糖图实际上是修饰后的条形图。当在处理大量的值&#xff0c;并且当这些值都很高时&#xff0c;棒棒糖图就很有用。 快速绘制 基于matplotlib import pandas as…

【前端环境1】安装nvm

【前端环境1】安装nvm 写在最前面一、下载nvm二、安装教程三、验证nvm安装 &#x1f308;你好呀&#xff01;我是 是Yu欸 &#x1f30c; 2024每日百字篆刻时光&#xff0c;感谢你的陪伴与支持 ~ &#x1f680; 欢迎一起踏上探险之旅&#xff0c;挖掘无限可能&#xff0c;共同成…