正则小用

小七研究所
356 阅读3分钟

 标签输入限制

  • 文本框只能输入数字代码(小数点也不能输入)

  • 只能输入数字,能输小数点.

  • 数字和小数点方法二

  • 只能输入字母和汉字

  • 只能输入英文字母和数字,不能输入中文

  • 只能输入数字和英文

    chun

  • 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

  • 小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

  • input的type设置为number后可以输入e

    // 匹配邮箱 let reg = /^([a-zA-Z]|[0-9])(\w|-)+@[a-zA-Z0-9]+.([a-zA-Z]{2,4})$

    // (新)匹配手机号 let reg = /^1[0-9]{10}$/;

    // (旧)匹配手机号 let reg = /^1[3|4|5|7|8][0-9]{9}$/;

    // 匹配8-16位数字和字母密码的正则表达式 let reg = /^(?![0-9]+)(?![a−zA−Z]+)(?![a-zA-Z]+)[0-9A-Za-z]{8,16}$/;

    // 匹配国内电话号码 0510-4305211 let reg = /\d{3}-\d{8}|\d{4}-\d{7}/;

    // 匹配身份证号码 let reg=/(^\d{15})∣(\d18)|(^\d{18})|(^\d{17}(\d|X|x)$)/;

    // 匹配腾讯QQ号 let reg = /[1-9][0-9]{4,}/;

    // 匹配ip地址 let reg = /\d+.\d+.\d+.\d+/;

    // 匹配中文 let reg = /^[\u4e00-\u9fa5]*$/;

JS判断字符串是否全是空格

let test = "   \n   ";
if(test.match(/^\s+$/)){
    console.log("all space or \\n")
}
if(test.match(/^[ ]+$/)){
    console.log("all space")
}
if(test.match(/^[ ]*$/)){
    console.log("all space or empty")
}
if(test.match(/^\s*$/)){
    console.log("all space or \\n or empty")
}

常用正则匹配

  • /^\\d+$/　　//非负整数（正整数 + 0）
  • /^[0-9]*[1-9][0-9]*$/　　//正整数
  • /^((-\\d+)|(0+))$/　　//非正整数（负整数 + 0）
  • /^-[0-9]*[1-9][0-9]*$/　　//负整数
  • /^-?\\d+$/　　　　//整数
  • let reg = /^([^0][0-9]+|0)$/; if (reg.test(params.xzd2BorrowRate)) { params.xzd2BorrowRate += '.0'; } //整数
  • /^\\d+(\\.\\d+)?$/　　//非负浮点数（正浮点数 + 0）
  • /^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$/　　//正浮点数
  • /^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$/　　//非正浮点数（负浮点数 + 0）
  • /^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/　　//负浮点数
  • /^(-?\\d+)(\\.\\d+)?$/　　//浮点数
  • replace(/[^0-9]/ig, "") //只保留数字

JS扩大checkbox的点击区域

  • 试用场景：在表格中点击 td 也能选中 ，或者在父节点也能点击触发事件

  • 做法：为 td 元素添加点击事件，在点击事件里面触发checkbox的点击事件：

    function clickTd(t){ t.children("input").click(); }

  • bug浮现：点击checkbox的时候，因为页面元素所在区域重叠，点击事件向上传递，会首先触发checkbox的点击事件，然后触发 td 的点击事件，然后 td 的点击事件会被再次触发，就相当于checkbox点击了两次，所以需要 checkbox 的点击事件执行完之后，让该点击事件停止传递。

  • 解决方案：checkbox的点击事件里面加入拦截即可：

    function oncheckAll(event){ event.stopPropagation(); }

计算时间戳间隔时间

let date1=new Date();  //开始时间  
let date2=new Date();    //结束时间  
let date3=date2.getTime()-date1.getTime()  //时间差的毫秒数  
------------------------------------------------------------
//计算出相差天数  
var days=Math.floor(date3/(24*3600*1000))   
//计算出小时数   
var leave1=date3%(24*3600*1000)    //计算天数后剩余的毫秒数  
var hours=Math.floor(leave1/(3600*1000))  
//计算相差分钟数  
var leave2=leave1%(3600*1000)        //计算小时数后剩余的毫秒数  
var minutes=Math.floor(leave2/(60*1000))  
//计算相差秒数  
var leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数  
var seconds=Math.round(leave3/1000)  
alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒")

JS提取字符串中连续的数字

let str = "013d1we22ewfa33rr4rwq0dsf00dsf9fas999";

let getNum = function (Str,isFilter) {
　　　//用来判断是否把连续的0去掉
    isFilter = isFilter || false;
    if (typeof Str === "string") {
        // var arr = Str.match(/(0\d{2,})|([1-9]\d+)/g);
        //"/[1-9]\d{1,}/g",表示匹配1到9,一位数以上的数字(不包括一位数).
        //"/\d{2,}/g",  表示匹配至少二个数字至多无穷位数字
        var arr = Str.match( isFilter ? /[1-9]\d{1,}/g : /\d{2,}/g);
        console.log(arr);
        return arr.map(function (item) {
            //转换为整数，
            //但是提取出来的数字，如果是连续的多个0会被改为一个0，如000---->0，
            //或者0开头的连续非零数字，比如015，会被改为15，这是一个坑
            // return parseInt(item);
            //字符串，连续的多个0也会存在，不会被去掉
            return item;
        });
    } else {
        return [];
    }
}
console.log(getNum(str));//默认不加1，即不会把提取出来的0去掉

JS获取项目根目录

function getRootPath(){
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名，如：/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);
}

JS判断小数点后几位

  • num.toString().split(".")[1].length

JS截取数字小数点后N位

  • 利用math.round

    var original=28.453 // 保留小数点后两位 var result = Math.round(original100)/100; //returns 28.45 // 保留小数点后一位 var result = Math.round(original10)/10; //returns 28.5

  • 利用toFixed

    var original=28.453 // 保留小数点后两位 var result=original.toFixed(2); //returns 28.45 // 保留小数点后一位 var result=original.toFixed(1); //returns 28.5

JS控制Input输入数字和小数点后两位

function clearNoNum(value) {
    value = value.replace(/[^\d.]/g, "");  //清除“数字”和“.”以外的字符   
    value = value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的   
    value = value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
    value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数   
    if (value.indexOf(".") < 0 && value != "") { //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额  
        value = parseFloat(value);
    }
}

JS校验手机号和座机号的方法

function $isPhoneAvailable(str) {
    let isMob=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
    let isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
    if (isPhone.test(str) || isMob.test(str)) {
        return true;
    }else {
        return false;
    }
}
复制代码

JS indexOf() 不区分大小写实现

  • 使用 str.toLowerCase() 或者 str.toUpperCase() 将对比字符串全都转换成 大 (小) 写

JS replace() 如何针对key进行替换

  • str.replace(new RegExp('要替换的keyword','g'), '替换后的内容')
avatar
文章
阅读
粉丝