cordova HTML 5 class=“numeric”pattern="[0-9]*”输入两位数字并按两次删除按钮后,电话簿应用程序中断

camsedfj  于 2022-11-15  发布在  其他
关注(0)|答案(1)|浏览(133)

我有一个Phonegap应用程序,它使用html5的“tel”标记,就像这样。

<input type="password"  id="inputPin1" name="inputPin1" 
class="numeric" pattern="[0-9]*" 
type="text" minlength="4" maxlength="4" tabindex="1" size="5" 
placeholder="4 digits only" autofocus   />

问题是,在输入2个或更多数字后,点击后退按钮两次删除输入的数字,它会崩溃Phonegap应用程序,因为它不会删除输入的第一个数字。然而,如果你只输入一个数字,然后点击后退,它会像预期的那样工作。两个或更多数字将删除除第一个数字外的所有数字,然后崩溃应用程序
如果你使用电话与Phonegap让我知道这是一个常见的问题或如果我有一些错误的上述代码。
如果有一个修复,这将是有帮助的。
谢谢你的帮助。

c0vxltue

c0vxltue1#

首先,我不知道为什么会发生这种事,因为它不应该发生。
不过,我可以提出一个变通办法:您可以通过Javascript来控制输入,捕获事件charCode并仅在用户输入数字、删除、导航箭头和回车时才执行操作。
如果你使用这个方法,不要忘记添加一个event.preventDefault();,以避免在输入JS代码后采取动作。
希望能有所帮助

相关问题