javascript - 如何在html中检索输入类型 'number'中的任何插入字符串

Question

有没有办法从以下位置获取插入的字符串(任何类型):

<input type="number" id='zipCode' name='zipcode' />

我正在尝试在控制台中获取值(value):

console.log(document.getElementbyId('zipCode').value);

在插入任何无效字符串(包含任何字母表或其他特殊字符的字符串)时仅给出空白输出，这在实际将该字段留空时也是相同的。但我想检索实际插入的值，以便我可以区分和验证带有错误消息 “邮政编码字段为空!” 的空白字段以及带有错误消息 “无效邮政编码!”的无效字符串! "。 有什么方法可以从输入类型='数字'字段中检索任何类型的插入字符串吗？

Answer 1

用于邮政编码的 HTML 输入字段应为 type=text 并使用 pattern 属性向浏览器提供提示

数字邮政编码在某种程度上具有误导性。

数字应该表示数字。邮政编码不加减也不参与任何数字运算。 12309 - 12345 不计算从斯克内克塔迪市中心到我家附近的距离。

邮政编码不是数字——它们只是碰巧用受限的字母编码——我建议避免使用数字字段。信用卡或社交号码也是如此

你可以做到 <input type="text" pattern="\d*"> .这将导致数字键盘出现在 iOS(和 Android？)上。也许是pattern="[0-9]*"

"The semantically correct markup for a text field that can still contain whitespace and other special characters is <input type="text" inputmode="numeric"/> however as far as I am aware while inputmode is recommended by WhatWG it is not yet supported by any browsers. Its intent is to present the user with a numeric keypad on a device that has it but still behave as a text input." - davidelrizzo