输入框限制—正则表达式

(1) 字符串去掉所有逗号

String str = "98,398,934,512.10 
Str.replace(",","");  // 98398934512.10";

(2) 限制输入框只能输入数字和英文逗号

inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
    var str = e.detail.value;
    this.morePinNumber = str.replace(/[^\d\,]/g,'');//限制只能输入数字和英文逗号
},

(3) 限制输入框只能输入数字和中英文逗号

inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
            
    var str = e.detail.value;
    this.morePinNumber = str.replace(/[^\d\,\,]/g,'');//限制只能输入数字和中英文逗号      
},

(4) 去除字符串的首尾的逗号

inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
    var str = e.detail.value;
    this.morePinNumber = str.replace(/(^\,*)|(\,*$)/g,'');//去除字符串的首尾的逗号     
},

(5) 字符串开头和结尾不能是英文逗号且不能有连续英文逗号 :^,|(,{2,})|,$

inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
            
    var str = e.detail.value;
    this.morePinNumber = str.replace(/^\,|(\,{2,})|\,$/,'');//限制开头和结尾不能是中英文逗号且不能有连续中英文逗号
            
},

(6) 只能输入数字和英文逗号,英文逗号不在开头和结尾,不能出现连着的两个以上的英文逗号

  • 两次正则限制
inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
            
    var str = e.detail.value;
    this.morePinNumber = str.replace(/[^\d\,]/g,'');//限制只能输入数字和英文逗号
    this.morePinNumber = this.morePinNumber.replace(/^\,|(\,{2,})|\,$/,'');//限制开头和结尾不能是英文逗号且不能有连续英文逗号
            
},
  • 一次正则限制
inputMorePinNumber(e){
    console.log("多段缝-针数设置:" + JSON.stringify(e));
    // this.morePinNumber = e.detail.value;
            
    var str = e.detail.value;
    // this.morePinNumber = str.replace(/[^\d\,]/g,'');//限制只能输入数字和英文逗号
    // this.morePinNumber = this.morePinNumber.replace(/^\,|(\,{2,})|\,$/,'');//限制开头和结尾不能是英文逗号且不能有连续英文逗号
            
    this.morePinNumber = str.replace(/^\,|[^\d\,]|(\,{2,})|\,$/,'');//限制只能输入数字和英文逗号,开头和结尾不能是英文逗号且不能有连续英文逗号
},
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容