如何检索输入类型'数字'在html中

how to retrieve any inserted string in input type 'number' in html

本文关键字：数字 html 类型 何检索 检索 输入      更新时间：2023-09-26

是否有任何方法可以从获取插入的字符串（任何类型）

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

我正试图在控制台中获取值为：

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

当插入任何无效字符串（包含任何字母表或其他特殊字符的字符串）时，只给出一个空白输出，这与实际将字段留空时的情况相同。但我想检索实际插入的值，以便区分和验证带有错误消息"Zipcode field Empty！"的空白字段和带有错误消息"invalid Zipcode！"的无效字符串是否有任何方法可以从输入type='number'字段中检索任何类型的插入字符串

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

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

数字应该意味着数字。邮政编码不加或减，也不参与任何数字运算。12309-12345没有计算从斯克内克塔迪市中心到我所在社区的距离。

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

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

"对于仍然可以包含空白和其他特殊字符是<input type="text" inputmode="numeric"/>，但据我所知，inputmode是WhatWG推荐它还没有得到任何浏览器的支持。它的其目的是向用户展示设备上的数字键盘具有它，但仍表现为文本输入。"-daviderizzo

根据我记得读到的内容（这里的例子-HTML5输入类型=数值在Webkit中是空的，如果有空格或非数字字符？）如果输入类型设置为数字，就无法做到这一点。

相关文章：