正则表达式的JS验证

程序员文章站 2022-04-12 13:30:40

...

/判断输入内容是否为空    
function IsNull(){    
    var str = document.getElementById('str').value.trim();    
    if(str.length==0){    
        alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称!    
    }    
}

//判断日期类型是否为YYYY-MM-DD格式的类型    
function IsDate(){     
var str = document.getElementById('str').value.trim();    
if(str.length!=0){    
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/;            
var r = str.match(reg);             
if(r==null)               
alert('对不起，您输入的日期格式不正确!');
//请将“日期”改成你需要验证的属性名称!        
  }
    }          
 //判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
 function IsDateTime(){
 var str = document.getElementById('str').value.trim();
 if(str.length!=0){ 
     var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;              
     var r = str.match(reg);              
     if(r==null)             
     alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称!        
     }    
      }          
      //判断日期类型是否为hh:mm:ss格式的类型     
      function IsTime()      
      {          
      var str = document.getElementById('str').value.trim();         
      if(str.length!=0){         
      reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/              
      if(!reg.test(str)){                 a
      lert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称!             
      }         
      }    
       }          
       //判断输入的字符是否为英文字母     
       function IsLetter()      
       {              
       var str = document.getElementById('str').value.trim();             
       if(str.length!=0){             
       reg=/^[a-zA-Z]+$/;             
        if(!reg.test(str)){                 
        alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称! 
                    }          
                       }    
                        }          
           //判断输入的字符是否为整数     
           function IsInteger()      
           {                
           var str = document.getElementById('str').value.trim();            
            if(str.length!=0){             
            reg=/^[-+]?\d*$/;              
            if(!reg.test(str)){                 
            alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！             
     }             
         }     
            }          
            //判断输入的字符是否为双精度     
            function IsDouble(val)      
            {              
            var str = document.getElementById('str').value.trim();
                         if(str.length!=0){
                                      
                                     reg=/^[-\+]?\d+(\.\d+)?$/;
                                     if(!reg.test(str)){                 
                 alert("对不起，您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称！
                              }
                                           } 
                                               }             
                                                //判断输入的字符是否为:a-z,A-Z,0-9 
                                                    function IsString()
               { 
                                                                      
          var str = document.getElementById('str').value.trim();             
          if(str.length!=0){             
          reg=/^[a-zA-Z0-9_]+$/;              
          if(!reg.test(str)){                 
          alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！
                }             
                       } 
                           }
                                     //判断输入的字符是否为中文
                                          function IsChinese()
                                                { 
                      var str = document.getElementById('str').value.trim();
                                   if(str.length!=0){
                          reg=/^[\u0391-\uFFE5]+$/;
                                       
                                       if(!reg.test(str)){ 
               alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！
                            }         
                                }   
                              }         
                             //判断输入的EMAIL格式是否正确     
                             function IsEmail()    
                               {             
                                var str = document.getElementById('str').value.trim();
                                             if(str.length!=0){  
                    reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;   
                              if(!reg.test(str)){    
                alert("对不起，您输入的字符串类型格式不正确!");
                //请将“字符串类型”要换成你要验证的那个属性名称！
                             } 
                                         } 
                                             } 
                //判断输入的邮编(只能为六位)是否正确     
                function IsZIP()      
                {              
                var str = document.getElementById('str').value.trim();
                               if(str.length!=0){
                               reg=/^\d{6}$/;             
                               if(!reg.test(str)){                 
                               alert("对不起，您输入的字符串类型格式不正确!");
                               //请将“字符串类型”要换成你要验证的那个属性名称！            
                                }            
                                 }    
                                  }          
                                  //判断输入的数字不大于某个特定的数字     
                                  function MaxValue()      
                                  {          
                                  var val = document.getElementById('str').value.trim();             
                                  if(str.length!=0){             
                                  reg=/^[-+]?\d*$/;              
                                  if(!reg.test(str)){//判断是否为数字类型                 
                                  if(val>parseInt('123')) //“123”为自己设定的最大值                 
                                  {                      
                                  alert('对不起，您输入的数字超出范围');
                                  //请将“数字”改成你要验证的那个属性名称！                 
                                  }              
                                  }
                                           } 
                                               }               
 Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/;              
 var r = str.match(reg);              
 if(r==null)                 
 alert('对不起，您输入的日期格式不正确!'); 
 //请将“日期”改成你需要验证的属性名称!             
 }    
  }          
  //判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型     
  function IsDateTime(){          
  var str = document.getElementById('str').value.trim();         
  if(str.length!=0){             
  var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;              
  var r = str.match(reg);              
  if(r==null)            
   alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称!        
    }    
     }          
     //判断日期类型是否为hh:mm:ss格式的类型     
     function IsTime()      
     {          
     var str = document.getElementById('str').value.trim();         
     if(str.length!=0){         
     reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/              
     if(!reg.test(str)){                 
     alert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称! 
                 }  
                        }  
                          }         
                           //判断输入的字符是否为英文字母
                                function IsLetter()      
                                {              
 var str = document.getElementById('str').value.trim();             
 if(str.length!=0){             
 reg=/^[a-zA-Z]+$/;              
 if(!reg.test(str)){                 
 alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称!             
 }             }   
   }        
     //判断输入的字符是否为整数    
      function IsInteger()    
        {             
           var str = document.getElementById('str').value.trim(); 
  if(str.length!=0){             
 reg=/^[-+]?\d*$/;              
 if(!reg.test(str)){                 
 alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！ 
             }        
                  }   
                    }          
    //判断输入的字符是否为双精度     
    function IsDouble(val)     
     {             
      var str = document.getElementById('str').value.trim();            
       if(str.length!=0){             
       reg=/^[-\+]?\d+(\.\d+)?$/;             
       if(!reg.test(str)){                 
       alert("对不起，您输入的双精度类型格式不正确!");
       //请将“双精度类型”要换成你要验证的那个属性名称！            
        }         
            }  
           }             
            //判断输入的字符是否为:a-z,A-Z,0-9     
            function IsString()     
             {              
             var str = document.getElementById('str').value.trim();             
             if(str.length!=0){            
              reg=/^[a-zA-Z0-9_]+$/;              
              if(!reg.test(str)){                 
              alert("对不起，您输入的字符串类型格式不正确!");
              //请将“字符串类型”要换成你要验证的那个属性名称！           
                }           
                  }    
                   }          
                   //判断输入的字符是否为中文   
                     function IsChinese() 
                          {      
           var str = document.getElementById('str').value.trim();
                     if(str.length!=0){  
               reg=/^[\u0391-\uFFE5]+$/; 
                if(!reg.test(str)){  
   alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
              }  
                         }  
                            }          
   //判断输入的EMAIL格式是否正确     
   function IsEmail()   
      {            
        var str = document.getElementById('str').value.trim();  
        if(str.length!=0){   
        reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 
        if(!reg.test(str)){  
       alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！
                    } 
                                }  
                                   } 
  //判断输入的邮编(只能为六位)是否正确    
   function IsZIP()     
    {            
      var str = document.getElementById('str').value.trim();  
      if(str.length!=0){     
       reg=/^\d{6}$/;   
       if(!reg.test(str)){  
            alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
                       }   
                                 } 
                                     }    
       //判断输入的数字不大于某个特定的数字    
        function MaxValue()     
         {        
           var val = document.getElementById('str').value.trim();  
     if(str.length!=0){    
          reg=/^[-+]?\d*$/; 
         if(!reg.test(str)){//判断是否为数字类型  
           if(val>parseInt('123')) //“123”为自己设定的最大值   
                 {             
       alert('对不起，您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称！
        }      
            }  
                                
                }  
                   } 
        Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/    
 Mobile : /^((\d2,3\d2,3)|(\d{3}\-))?13\d{9}/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/   
 IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?/QQ:/[1−9]\d4,8/QQ:/[1−9]\d4,8/   
 某种特殊金额：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/              
  //说明：除“XXX    XX,XXX    XX,XXX.00”格式外

//为上面提供各个JS验证方法提供.trim()属性   
String.prototype.trim=function(){   
        return this.replace(/(^\s*)|(\s*$)/g, "");    
    }

调用：
<input type="text" name="str" >
<input type="button" value=" 确定 " onClick=""> //onClick中写自己要调用的JS验证函数

正则表达式的JS验证

vue实现随机验证码功能的实例代码

Vue.js构建你的第一个包并在NPM上发布的方法步骤

vue.js 2.*项目环境搭建、运行、打包发布的详细步骤

CSS3移动端vw+rem不依赖JS实现响应式布局的方法

Win7系统启动恢复界面提示无法验证amdxata.sys数字签名的原因及解决方法图文教程

Android短信验证码（用的Mob短信验证）

js中正则表达式的用法（js匹配正则表达式的方法）

JS实现随机颜色的3种方法与颜色格式的转化

iOS滑动解锁、滑动获取验证码效果的实现代码

iOS App开发中Objective-C使用正则表达式进行匹配的方法