我正在我移动的上测试我的应用程序(带Chrome的三星galaxy note II),我在数字输入字段上遇到了问题。
在我的应用程序中,这些字段可以接受负数,在浏览器上,这一切都很好,因为我有-
按钮和箭头滑块(来自html5)来选择数字。
在手机上,虽然滑块没有呈现,浏览器识别输入type=number,只是呈现一个简化的数字键盘,它不包含-
符号,所以我没有看到一种方法来插入我想要的负数。
我的应用程序使用twitter bootstrap 2.3.2和jquery,我不知道如何解决这个问题。
下面是我的一个输入字段的代码,它在我的电脑上工作正常,但在我的手机上不能正常使用:
<input class="input-mini" data-type="distance_price" id="distance" label="false" name="distance" step="0.1" type="number" max="-0.1">
在图像中,您可以看到红色字段是如何标记为错误的,因为它需要为负,但我的键盘不允许我插入符号。包括-
符号。有线索吗?
6条答案
按热度按时间a8jjtwal1#
这个问题是专门针对三星定制键盘-万岁供应商谁认为他们比大家都聪明。这是another example的这个问题在工作
dgjrabp22#
简而言之,没有办法让三星Android数字输入显示减号。以下是我遇到的一些解决方法:
1)谷歌键盘
用户可以安装不同的键盘(如Google Keyboard)。显然,让人们安装一些东西并不理想。
2)否定按钮
正如@Cris已经建议的那样,添加一个将否定该值的按钮。如果你有屏幕真实的地产,那么很好。
3)双点技巧
我们最终得到了一个相当丑陋的解决方案,用户可以按两次
.
,它将否定数字。完全看不出来,但是多一个按钮对我们来说不是一个选择。https://gist.github.com/bendytree/936f6b9b4c0e10138b7e9158b5fd05d9
lmyy7pcs3#
如果您仍在寻找一种使用html输入标记输入
-
符号的方法,请尝试以下操作虽然这个组合看起来很奇怪,但它达到了目的。您将能够从三星键盘输入
-
标志。然后,如果您希望用户只输入有效的数字并根据它显示验证,则可以将其解析为number。balp4ylt4#
创建一个额外的输入字段。“符号”复选框,选择自然整数或负整数。
然后挂接复选框的onchange事件,以便更新数字视图以反映所选的符号。
wribegjk5#
如果你使用value属性(value="-0.1”)来加载一个初始的负值,那么你将有一个减号为你预先加载。
vs91vp4v6#
如果你回到这里是因为上面的双点把戏不起作用了...似乎是对输入type=“number”字段处理方式的更新,使第二个“dot”甚至不会注册为停止双点工作的击键。在我的例子中,我将JS中的测试行改为
创造了同样古怪的“点退格技巧”