Javascript 忽略数字字段上的 novalidate？

Question

在设置数字字段的值时，JavaScript(至少在 IE11 和 Firefox 中)似乎会忽略表单“novalidate”选项。我想使用“数字”字段，因为当我在移动设备上查看我的网站时，我希望数字键盘代替键盘出现，但是当输入值时，我希望能够将其格式设置为 (### ) ###-####。在下面的示例中，由于“novalidate”选项，我可以在字段中输入我想要的任何内容，但 JS 不会让我插入我想要的内容:

var txtNum = document.getElementById("txtNum");
function ftnTestA() {
	var num = "1234567890";
	txtNum.value = num;
}
function ftnTestB() {
	var num = "(123) 456-7890";
	txtNum.value = num;
}
function ftnTestC() {
	var num = "123-456-7890";
	txtNum.value = num;
}

<form novalidate="novalidate">
	<input type="number" id="txtNum" />
	<br/><br/>
	<button type="button" onclick="ftnTestA();">1234567890 (works)</button>
	<button type="button" onclick="ftnTestB();">(123) 456-7890 (no IE, no FF)</button>
	<button type="button" onclick="ftnTestC();">123-456-7890 (works in IE, no FF)</button>
</form>

Answer 1

不要使用 type="number" 输入字段，而是使用 type="tel" 字段，因为这就是您想要做的。数字输入字段仅供数字使用。