js常用正则1212

最新推荐文章于 2024-05-30 11:27:58 发布

Yuring_W

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量129

点赞数

分类专栏： js正则表达式文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/sinat_35117636/article/details/128292962

版权

js正则表达式专栏收录该内容

2 篇文章 0 订阅

订阅专栏

验证用户名: /^[a-zA-Z0-9]{4,16$/
验证密码

//高级密码：第一个字母必须是非数值，并且在整个字符串必须包含数字、小写字母和大写字母
/^(?=\D+\d)(?=.*[a-z])(?=.*[A-Z])\w{8,16}$/
//中级密码：数字+小写字母 或者 数字+大写字母 或者 小写字母+大写字母
/^(?=\D+\d)(?=.*[a-z])[0-9a-z]{8,16}$|^(?=\D+\d)(?=.*[A-Z])[0-9A-Z]{8,16}$|^(?=.*[a-z])(?=.*[A-Z])[a-zA-Z]{8,16}$/
//初级密码：纯数字或者纯小写字母或者纯大写字母
/^\d{8,16}$|^[a-z]{8,16}$|^[A-Z]{8,16}$/

查找扩展名: /(?<=\.)([a-zA-Z]{1,4})$/
验证邮箱:/^\w+\@\w+\.(com|cn|net|edu|org|cc)(\.(cn|jp|hk|tw))?$/
验证身份证:/^\d{6}(19\d{2}|20[0-1]\d|202[0-2])(0[1-9]|1[0-2])([0-2]\d|3[0-1])\d{3}(\d|X)$/
验证年龄:/^[0-9]$|^[1-9]\d$|^1[0-2]\d$/
验证性别:/^男|女$/
验证中文名:/^[\u4e00-\u9fd5]{2,}$/
验证手机号:/^1[3-9]\d{9}$/
验证颜色:

//#FFFFFFF 
/^#[0-9a-f]{6}$/
//rgba(255,0,0,1);   
 /^rgba\((\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])(\,(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])){2}\,(0|1|0\.\d{1,})\)$/

0-255:// 0-9,10-99,100-199,200-249
/^\d$|^[1-9]\d$|^1\d{2}$|^2[0-4]\d$|^25[0-5]$/
验证ip地址

/^(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])(\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])){3}$/

限制自我介绍长度：中文字母数字

      init();
        var  input,span;
        function init() { 
            input=document.querySelector('input');
            span=document.querySelector('span');
            input.addEventListener('input',inputHandler);
         }
         function inputHandler(e){  
            span.innerHTML=e.target.value.length
            if(e.target.value.length>10){
                span.style.color='red';
                var str=e.target.value;
                console.log(str)
                var len=str.match(/^[a-zA-Z0-9\u4e00-\u9fd5]{0,}/g)[0].length;
                console.log(len)
                str=(str.match(/^[a-zA-Z0-9\u4e00-\u9fd5]{0,}/g)[0]).slice(0,10);
                e.target.value=str,e.target.innerHTML=str;
                console.log(str)
                span.innerHTML=10;
            }else{
                span.style.color='black'
            }
         }