android - JQueryMobile 和信用卡输入

Question

JQueryMobile 对输入信用卡信息有很好的支持吗？用户很难输入 16 位数字，然后输入到期日期等。我希望看到一个很好的 JQueryMobile View 示例，说明如何输入信用卡/奖励卡详细信息。在此过程中，对于保持 Android 键盘的正确位置有什么建议吗？

Answer 1

您应该能够遵循演示示例:

• http://jquerymobile.com/demos/1.1.0/docs/forms/forms-all.html

输入卡背面(有时是正面)的 16 位安全码

• http://jquerymobile.com/demos/1.1.0/docs/forms/textinputs/
• http://www.w3schools.com/tags/att_input_maxlength.asp(最大长度)
• http://www.w3schools.com/html5/att_input_placeholder.asp(可选占位符)

示例(注意:密码字段中的字符被屏蔽 [显示为星号或圆圈]):

<input type="password" name="credit_card_number" id="credit_card_number" value="" placeholder="1234567890123456">
<input type="password" name="security_code" id="security_code" value="" placeholder="123">

如果您不喜欢密码选项，您可以使用 mask 功能，不确定是否有任何插件可以“在模糊 mask 全部 mask 之前的输入字符”，但这会是一个不错的选择

• JQuery apply input mask to field onfocus and remove onblur so to avoid problems with placeholder text

到期日期的日期框

• http://dev.jtsage.com/jQM-DateBox/

也许还添加一些信用卡验证？

• http://paweldecowski.github.com/jQuery-CreditCardValidator/
• http://docs.jquery.com/Plugins/Validation/Methods/creditcard