我的离子应用程序有一个带有<ion-input type="numeric" inputmode="decimal" ...>的React形式。当我在ios（iPhone 14，ios 16）中构建应用程序时，键盘显示逗号,，但当我输入一个带有逗号的值时，form.value变为空。它只发生与数字格式设置为“1. 234. 567，89”，与“1，234，567. 89”它的工作，但我需要两者。版本：离子6角14
<ion-input type="numeric" inputmode="decimal" ...>
,
form.value
pxq42qpu1#
ion-input使用浏览器的<input>标签来显示（如这里所示的https://ionicframework.com/docs/api/input），因为它具有相同的行为。数字类型的输入将使用浏览器区域设置的数字系统（例如：将允许在使用逗号的国家/地区使用逗号，在使用小数的国家/地区使用小数）。如果您需要这两个属性，则应使用文本输入和带有正则表达式的ion-input pattern属性来验证字段，如www.example.com所示https://ionicframework.com/docs/api/input#pattern。以下代码将允许使用十进制和逗号分隔的数字
<input>
<ion-input type="text" pattern="(\d+(?:[\.\,]\d+)+)"/>
1条答案
按热度按时间pxq42qpu1#
ion-input使用浏览器的
<input>标签来显示（如这里所示的https://ionicframework.com/docs/api/input），因为它具有相同的行为。数字类型的输入将使用浏览器区域设置的数字系统（例如：将允许在使用逗号的国家/地区使用逗号，在使用小数的国家/地区使用小数）。
如果您需要这两个属性，则应使用文本输入和带有正则表达式的ion-input pattern属性来验证字段，如www.example.com所示https://ionicframework.com/docs/api/input#pattern。以下代码将允许使用十进制和逗号分隔的数字