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="123456789"> 
<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