JQueryMobile和信用卡输入

Question

JQueryMobile是否对输入信用卡信息有很好的支持。用户很难输入16位数字，然后是到期日期等。我希望看到一个很好的JQueryMobile视图示例，了解如何输入信用卡/奖励卡详细信息。是否有任何关于在此过程中保持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">

如果您不喜欢密码选项，可以使用掩码功能，不确定是否有任何插件可以“掩盖以前的输入字符onblur掩码全部”，但这样做会很好看

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

到期日期的DateBox

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

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

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