使用Phonegap中的Next替换软键盘上的Go按钮

时间:2014-05-05 10:38:34

标签: android cordova

Phonegap输入类型文本显示软键盘上的Go按钮,我有多个文本框,所以想要键盘上的Next按钮,这样用户可以轻松移动,最后输入想要Go,这样用户可以按提交表单。

enter image description here

在Android kitkatt键盘顶部栏上也没有显示Next | Prev buttons。

1 个答案:

答案 0 :(得分:26)

对于Android,目前无法使用“下一步”按钮代替“Go”输入type =“text”。

Android将始终显示表单输入字段的“开始”按钮,而不管您在表单中所在字段的位置。 “Go”基本上反映了与普通浏览器上的“Enter”按钮相同的行为。键盘。

有两种可能的黑客接近你需要的东西(仍然不会改变“Go”到“Next”,但会帮助“Go”充当“Next”) -

黑客1 - 劫持输入关键事件&将焦点转移到下一个字段

就像我提到的“Go”键复制了“Enter”键,您可以使用JavaScript& amp;使焦点移动到窗体中的下一个字段,直到它的最后一个字段。一旦到达最后一个字段,您可以允许它作为输入。因此,基本上Go将继续将焦点转移到下一个字段,直到它的最后一个字段和然后将提交表格。

我已在此处回答了类似要求的解决方案 - How to trigger a Tab when user presses Enter,您可以尝试在应用中实现相同的功能。

DEMO LINK - http://codepen.io/nitishdhar/pen/Gxbhm

Hack 2 - 强制表单验证&将焦点移至下一个无效字段

如果您想阻止用户提交表单,您可以使用java-script& amp;如果某些字段未填满,则在按“Go”时,光标的焦点可以进入下一个“未填充”字段。因此,给人的印象是“按下Go&移动到下一个字段”#

尝试使用此插件 - http://jqueryvalidation.org/这会以所解释的方式运行,即将焦点移至下一个必需或无效字段。

另外我认为一些Android版本会在键盘上显示一些tab键以在字段之间移动,但不是Next。

一切顺利。