最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery表单输入验证并填充信用卡内容

来源:http://www.erdangjiade.com/ 沐浴春风 2016-01-21 19:54浏览(1693)

card.js是一款验证卡片表单插件,验证类型有数字、年月日期、姓名和号码。其他验证类型请自己在card.js,按照它的方法来自定义添加。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery表单输入验证并填充信用卡内容
分类:表单代码 > 输入框 难易:高级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

引入卡片插件

<link rel="stylesheet" href="css/card.css"/>
<script src="js/card.js"></script>
<form action="" class="form">
    <input placeholder="Card number" type="text" name="number" autocomplete="off"/>
    <input placeholder="Full name" type="text" name="name" autocomplete="off"/>
    <input placeholder="MM/YY" type="text" name="expiry" autocomplete="off"/>
    <input placeholder="CVC" type="text" name="cvc" autocomplete="off"/>
</form>
$('.form').card({
    container: $('.card-wrapper')
})
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/694.html
评论2
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 椅子
    07-02 17:49
    kksoft
    哇,牛啊,这个信用卡界面样式Css效果设计的超赞
  • 头像 沙发
    12-28 10:01
    十八岁..
    刷不出来啊,等待带
1 2