对手机号码使用输入掩码时未显示 HTML5 验证

Question

我出现了一个问题，当使用输入类型=“文本”和需要=“需要”作为手机号码并使用输入掩码时，如果用户没有输入任何值，那么它不会显示 html5 验证消息但它只是专注在该文本框上但不显示验证消息喜欢：请填写此字段。

以下是我的 Html 和 Js 代码：

HTML代码：

---

<input type="text" id="s5a77f4f2cd315_phoneNumber" name="s5a77f4f2cd315[phoneNumber]" required="required" class="form-control  phone min form-control" data-placeholder="Phone" maskpattern="(999) 999-9999" minlength="8">

JS代码：

---

$(".phone").mask("(999) 999-9999");

我将如何处理显示验证消息？

Answer 1

你为什么不尝试在下面添加这段代码：

Title=“(999) 999-9999”

您的验证消息将显示“请输入：(999) 999-9999”