摘要：

今天開發一個外貿系統，必須全部英文的，但是使用到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>