格式化数字(每几个数字后加一个空格)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | onInput = ({ detail }) => { const value = detail.value; // 输入的字符串 const newValue = value.replace(/([^0-9])/g, '' ); // 只允许输入数字 const formatValue = newValue.replace(/(\d{4})(?=\d)/g, '$1 ' ); // 每4个数字后面加一个空格 const inputLen = this .getOriginValue().length; if (inputLen > this .maxLen) { // 如果输入的字符大于最大输入长度则禁止继续输入 this .inputRef.inputRef.value = this .state.recharge_phone; return ; } const end = () => { setTimeout(() => { this .end(); }, 10); }; if (inputLen >= this .minLen) { this .setState({ isValidNo: true , recharge_phone: formatValue }, end); } else { this .setState( { isValidNo: false , recharge_phone: formatValue, activeItem: -1 }, end ); } return formatValue; }; /** * 移动光标位置到最后面 */ end() { const obj = this .inputRef.inputRef; const len = this .state.recharge_phone.length; if (document.hasOwnProperty( 'selection' )) { const sel = obj.createTextRange(); sel.moveStart( 'character' , len); sel.collapse(); sel.select(); } else if ( typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number' ) { obj.selectionStart = obj.selectionEnd = len + 1; } } /** * 获取input的原始值 */ getOriginValue() { return this .inputRef.inputRef.value.split( ' ' ).join( '' ); } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
2015-09-03 给内联元素设置宽高的几种方式
2015-09-03 当文本溢出包含的元素时加省略号之text-overflow
2015-09-03 通过box盒子模型给元素内容设置居中
2015-09-03 CSS3中的字体rem
2014-09-03 过滤掉combobox里名称相同的选项