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

Question

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

并且在Android kitkatt键盘顶部栏上也没有显示Next | Prev按钮.

Answer 1

到目前为止Android无法使用"下一步"按钮而不是"Go"来输入type ="text".

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

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

Hack 1 - Hijack输入关键事件并将焦点移至下一个字段

就像我提到的"Go"键复制了"Enter"键,您可以使用JavaScript捕获回车键事件并使其将焦点移动到表单中的下一个字段,直到它的最后一个字段.一旦到达最后一个字段,您可以允许它作为输入.所以基本上Go会继续将焦点转移到下一个字段,直到它的最后一个字段然后将提交表单.

我已经在这里回答了类似要求的解决方案 - 如何在用户按Enter时触发选项卡,您可以尝试在您的应用中实现相同的功能.

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

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

如果你想阻止用户提交表单,可以使用java-script在表单上放置必要的验证,如果没有填写某个字段,按"Go"键可以将光标的焦点带到下一个"未填写" "场.所以在某种程度上给人一种印象 - "按下Go并移动到下一个字段"

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

另外我认为一些Android版本在键盘上显示一些Tab键在字段之间移动,但它不是Next.

祝一切顺利.