站长资源网络编程

基于jquery实现的银行卡号每隔4位自动插入空格的实现代码

整理:jimmy2026/8/2浏览2
简介难点不是插入空格,而是修正光标的位置,这个只支持IE9+、chrome浏览器注意:这个使用了jquery框架核心代码$(function() )/g, "$1 ").trim() //从左边沿到原坐标之间的空格数 var curSp = (curVal.slice(0, caret).match(/\s/g) || []).length //修正光标位置 this.selectionEnd = this.selectionStart = caret + curSp - sp } }) })

完整代码:已经测试

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>银行卡号4位空格</title>
  <script src="/UploadFiles/2021-04-02/jquery-1.8.3.js">

经过测试确实很好用,里面用到了很多的正则

\s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。

关于正则表达式的教程可以参考这篇文章:

https://www.jb51.net/tools/zhengze.html

https://www.jb51.net/tools/regexsc.htm

上一篇:BootStrap中关于Select下拉框选择触发事件及扩展

下一篇:详解Js模板引擎(TrimPath)