jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了信用卡输入表格使用jQuery大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图在我的网站上制作一个美观的信用卡输入表格.

我想要一个以下列格式显示的表单:

1234-1234-1234-1234

任何非十进制数都将被忽略,并且第五个字符(由连字符表示)可以由用户输入为数字(成为cc的第5个数字),空格或连字符.

例如所有以下输入都将在输入中显示为1234-1

12341
1234 1
1234-1
123whoops4 1

解决方法

尝试这个:
$('#theInput').blur(function()
{
    $(this).val(function(i,v)
    {
        var v = v.replace(/[^\d]/g,'').match(/.{1,4}/g);
        return v ? v.join('-') : '';
    });
});

在这里试试:http://jsfiddle.net/hnbx4/

这是解释:

第一:

v.replace(/[^\d]/g,'')

我们通过输入过滤以仅包含数字.然后:

.match(/.{1,4}/g);

我们将数字串分成4位数字块.然后:

return v ? v.join('-') : '';

如果是一个数组,我们通过在块之间插入一个破折号来组合数组.否则我们只需将其设置为空字符串.

大佬总结

以上是大佬教程为你收集整理的信用卡输入表格使用jQuery全部内容,希望文章能够帮你解决信用卡输入表格使用jQuery所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。