jquerymobile对输入信用卡信息有很好的支持吗?用户很难输入16位数字,然后是到期日期等。我想看一个很好的jquerymobile视图示例,说明如何输入信用卡/奖励卡的详细信息。在这个过程中,有什么建议可以让android键盘保持正确的位置吗?
最佳答案
您应该能够遵循演示示例:
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">
如果您不喜欢密码选项,可以使用掩码功能,不确定是否有任何插件可以“将以前的输入字符掩码为所有模糊掩码”,但这将是一个不错的选择
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