JS(微信小程序)处理银行卡号

其实这是一个小程序的项目,但是JS还是那个JS

在本项目中要实现两种效果:

每隔四位插入空格:

 <view class=‘item_list‘>
      <label>银行卡号:</label>
      <input type=‘number‘ value=‘{{bankCard}}‘ bindinput=‘BankCardNoInput‘></input>
 </view>
BankCardNoInput(e) {
    var card = e.detail.value;
    card = card.replace(/\s/g, ‘‘).replace(/[^\d]/g, ‘‘).replace(/(\d{4})(?=\d)/g, ‘$1 ‘);
    this.setData({
      bankCard: card,
    })
},

将银行卡号前部分用 * 代替,仅显示后四位

this.setData({
    bankCard: this.data.bankCard.replace(/\s/g, ‘‘).replace(/(\d{4})\d+(\d{4})$/, "**** **** **** $2")
})

去除字符串所有的空格:

var card = bankCard.replace(/\s|\xA0/g, "");

感谢:

https://blog.csdn.net/weixin_41760500/article/details/80427888

https://blog.csdn.net/u013498057/article/details/50610314

原文地址:https://www.cnblogs.com/wyhlightstar/p/9669019.html

时间: 2024-08-07 19:06:43

JS(微信小程序)处理银行卡号的相关文章

通过新浪云部署Node.js微信小程序商城(不用买域名、不用备案、不用配置https)

本文档为微信小程序商城NideShop项目的安装部署教程(GitHub),欢迎star 一.购买新浪云SAE 为什么选择SAE?免费二级域名和支持https访问,不用备案,可用做微信小程序服务器. SAE推荐链接:http://sae.sina.com.cn/ 选择对应的部署环境自定义 -> 开发言语:自定义 -> 运行环境:云容器 -> 语言版本:自定义 -> 部署方式:手工部署 -> 环境配置:选择第一项(测试选最低配置即可) -> 实例个数:1(测试用选择1个即可

从零开始:微信小程序新手入门宝典

为了方便大家了解并入门微信小程序,特将可能会需要的知识,列在这里,让大家方便的从零开始学习 一:微信小程序的特点 张小龙:张小龙全面阐述小程序,推荐通读此文: 小程序是一种不需要下载.安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走的理念,用户不用关心安装太多应用的问题,应用随处可用,但又无须安装卸载.我当时是这样来定义什么是小程序的. 1:无需下载:我们直接使用它,所以无须安装是小程序最基础的一个特性: 2:触手可及:当我们拿着智能手机接触周边的时

微信小程序原生开发简介

简介: 总结: 1. 逻辑层使用js引擎,视图层使用webview渲染 2. 微信小程序已经支持了绝大部分的 ES6 API 3. 可以自动补全css的兼容语法 文档:https://developers.weixin.qq.com/miniprogram/dev/framework/details.html 一. 设计 总结: 设计图750px, 1px =  1rpx,方便计算 二. 小程序页面结构 wxml: 功能类似html,描述节点,但小程序的 WXML 用的标签是 view, but

微信小程序wx.getLocation()获取经纬度及JavaScript SDK调用腾讯地图API获取某一类地址

简介 腾讯位置服务为微信小程序提供了基础的标点能力.线和圆的绘制接口等地图组件和位置展示.地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品. 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索.关键词输入提示.地址解析.逆地址解析.行政区划和距离计算等数据服务,让您的小程序更强大! 有时候我们在做微信小程序时有些功能需要获取当前的地理位置及附近地点的一些要求,但是

微信小程序image组件binderror使用例子(对应html、js中的onerror)

官方文档  binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'} 在微信小程序开发中,我们使用列表包含图片,如果这个图片链接404错误,那么我们应该给它提供一个默认的友好URL地址.html和js中使用onerror事件就可以了 <img src="image.gif" onerror="this.src='https:w.chesu

针对微信小程序目前不支持require(&quot;/根目录/。。。。.js&quot;)

针对微信小程序目前不支持require("/根目录/.....js")解决方法1.在app.js定义个全局引用2.页面中要用到的时候可以将作用域this传过去方法中就可以通过this获取到当前页面page对象了..如: 原文链接:http://bbs.jointforce.com/topic/24268

基于Node.js+MySQL开发的开源微信小程序B2C商城(页面高仿网易严选)

高仿网易严选的微信小程序商城(微信小程序客户端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易严选商城 功能和数据库参考ecshop 服务端api基于Node.js+ThinkJS+MySQL 计划添加基于Vue.js的后台管理系统.PC版.Wap版 GitHub: https://github.com/tumobi/nideshop-mini-program 项目截图 首页 专题 分类 商品列表 商品详情 购物车 订单中心 功能列表 首页 分类首页.分类商品.新品首发.

NideShop:基于Node.js+MySQL开发的微信小程序商城开源啦

高仿网易严选的微信小程序商城(微信小程序客户端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易严选商城 服务端api基于Node.js+ThinkJS+MySQL 计划添加基于Vue.js的后台管理系统.PC版.Wap版 GitHub:https://github.com/tumobi/nideshop-mini-program 项目截图 功能列表 首页 分类首页.分类商品.新品首发.人气推荐商品页面 商品详情页面,包含加入购物车.收藏商品.商品评论功能 搜索功能 专题功

原创:微信小程序+WEB使用JS实现注册【60s】倒计时功能

1.效果图: 2.页面仅仅利用了JS的相关功能,包含:wxml.js.wxss 2.1wxml页面代码: <text>绑定手机</text> <form bindsubmit="bindMobile"> <view class="form_group"> <text>手 机:</text> <input type="number" placeholder="请

通过新浪云部署NideShop微信小程序商城(基于Node.js+MySQL+ThinkJS)

一.购买新浪云SAE 为什么选择SAE? 免费二级域名和支持https访问,不用备案,可用于做微信小程序服务器. SAE推荐链接:http://sae.sina.com.cn/ 选择对应的部署环境自定义 -> 开发言语:自定义 -> 运行环境:云容器 -> 语言版本:自定义 -> 部署方式:手工部署 -> 环境配置:选择第一项(测试选最低配置即可) -> 实例个数:1(测试用选择1个即可) -> 二级域名:填写你的域名(这里为:tumobi.applinzi.co