我有电话号码的 HTML 输入框。
我在输入时使用以下InputMask
格式输入。860000000
8 600 00 000
$(window).load(function()
{
var phones = [{ "mask": "# ### ## ###"}, { "mask": "# ### ## ###"}];
$('#phone').inputmask({
mask: phones,
greedy: false,
definitions: { '#': { validator: "[0-9]", cardinality: 1}} });
});
我还使用 HTML 模式来检查数字是否以开头86
并且总共有 9 位数字,但是InputMask
它停止工作,并且无法以任何方式实现它:
<label for="phone" class="first-col">Mobile No.:</label>
<input type="text" id="phone" placeholder="8 600 00 000" required pattern="(86)\d{7}" />
如果有效,CSS 会添加绿色边框:
input:required:valid {
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
你有什么想法吗?