zoukankan      html  css  js  c++  java
  • 表单密码强中弱验证

     1 $('.input_check').keyup(function(){    //input发生改变就会触发事件
     2         var $test1 = /^(?:d+|[a-zA-Z]+|[!@#$%^&*]+){6,12}$/;   //  弱:纯数字,纯字母,纯特殊字符
     3         var $test2 = /^(?![a-zA-z]+$)(?!d+$)(?![!@#$%^&*]+$)[a-zA-Zd!@#$%^&*]+$/;   //中:字母+数字,字母+特殊字符,数字+特殊字符
     4         var $test3 = /^(?![a-zA-z]+$)(?!d+$)(?![!@#$%^&*]+$)(?![a-zA-zd]+$)(?![a-zA-z!@#$%^&*]+$)(?![d!@#$%^&*]+$)[a-zA-Zd!@#$%^&*]+$/;   //强:字母+数字+特殊字符
     5         if($test1.test($('.input_check').val())){    //必须先要满足第一个if才能进行下一个if    满足  弱  条件表示为红色
     6             console.log($('.input_check').val());
     7             if($test2.test($('.input_check').val())){    //必须先要满足  弱  条件  才能进行这个if    满足  中  条件表示为黄色
     8                 $('.password_border1').css('border','2px solid #ccc');
     9                 $('.password_border2').css('border','2px solid yellow');
    10                 if($test3.test($('.input_check').val())){   //必须先要满足  中  条件才能进行这个if    满足  强  条件表示为绿色
    11                     $('.password_border1').css('border','2px solid #ccc')
    12                     $('.password_border2').css('border','2px solid #ccc')
    13                     $('.password_border3').css('border','2px solid green')
    14                 }else{         //没满足  强  条件   但满足了  中条件   就显示   黄色
    15                     $('.password_border1').css('border','2px solid #ccc')
    16                     $('.password_border2').css('border','2px solid yellow')
    17                     $('.password_border3').css('border','2px solid #ccc')
    18                 };
    19             }else{//没满足  中  条件就依旧显示红色
    20                 $('.password_border1').css('border','2px solid red')
    21                 $('.password_border2').css('border','2px solid #ccc')
    22                 $('.password_border3').css('border','2px solid #ccc')
    23             };
    24         }else{//没满足  弱  条件就依旧显示红色
    25             $('.password_border1').css('border','2px solid red')
    26             $('.password_border2').css('border','2px solid #ccc')
    27             $('.password_border3').css('border','2px solid #ccc')
    28         }
    29     })

  • 相关阅读:
    如何借助BM算法轻松理解KMP算法
    如何实现文本编辑器中的查找替换功能?——BF算法
    C++中求数组长度与memset的用法
    什么是素数/质数/合数
    深度和广度优先搜索:如何找出社交网络中的三度好友关系?
    如何存储微博、微信等社交网络中的好友关系?
    为什么说堆排序没有快速排序快?
    HTML5中标记与特殊属性
    margin外边距问题
    html热点区域
  • 原文地址:https://www.cnblogs.com/colaman/p/6605270.html
Copyright © 2011-2022 走看看