【问题标题】:JQueryMobile and Credit Card EntryJQueryMobile 和信用卡输入
【发布时间】:2012-06-16 05:08:54
【问题描述】:

JQueryMobile 是否对输入信用卡信息有很好的支持。用户很难输入 16 位数字,然后是到期日期等。我希望看到一个很好的 JQueryMobile 视图示例,说明如何输入信用卡/奖励卡详细信息。在此过程中保持 Android 键盘正确定位的任何建议?

【问题讨论】:

    标签: android html jquery-mobile


    【解决方案1】:

    您应该能够按照演示示例进行操作:

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

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

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

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

    截止日期的日期框

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

    【讨论】:

    • 您的意思是说type="password" 表单输入适用于3 位安全码吗?顺便说一句,有时位于卡的正面 :) 很好的答案。没有真正的一体化解决方案,但使用这些属性/控件会有所帮助。
    • @Jasper 是的,使用输入类型密码会掩盖数字以确保安全,用示例更新了我的答案
    • 我对此很不满 :) 我讨厌你输入一个数字的 10 位数字,然后密码输入接管并隐藏了你的最后一个数字,而你所能做的就是开始-结束了...只有我的 2 美分。
    • @Jasper 我确实喜欢 iOS 如何屏蔽以前的字符和模糊蒙版,但还没有找到或为此制作插件
    • 这是一个很好的问题 - 我会对任何关于信用卡条目应该在移动设备上是什么样的好主意非常感兴趣 - 这将是一个可爱的插件.我完全同意@Jasper - 密码屏蔽 CC# 有时非常令人沮丧。
    猜你喜欢
    • 2018-09-21
    • 2022-01-14
    • 2020-12-15
    • 1970-01-01
    • 2018-10-12
    • 2018-10-29
    • 2011-01-08
    • 2012-03-29
    • 1970-01-01
    相关资源
    最近更新 更多