澳门威利斯人_威利斯人娱乐「手机版」

来自 威利斯人娱乐 2019-11-24 04:47 的文章
当前位置: 澳门威利斯人 > 威利斯人娱乐 > 正文

威尼斯娱乐场:jquery正则表达式,与正则表达式

jQuery常用的正则表明式,jquery正则表明式

[导读] 本文章提供了大气的jQuery正则表达式,有电话号码,密码,顾客名,邮箱,哈能输入字符等,有亟待的对象能够参见一下。 代码如下复制代码 <!DOCTYPE html PUBLIC "- W3C DTD XHTML 1 0 Transi

本小说提供了汪洋的jQuery正则表达式,有电话号码,密码,客商名,邮箱,哈能输入字符等,有须求的相恋的人能够参照一下。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";  
<html xmlns=";  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Test</title>  
<script type="text/javascript" language="javascript" src="jquery.js"></script>  
<script type="text/javascript" language="javascript" >  
     function validata(){  
        if($("#username").val()==""){  
             document.write("请输入名字");              
            return false;  
         }  
        if($("#password").val()==""){  
             document.write("请输入密码");  
            return false;  
         }         
        if($("#telephone").val()==""){  
             document.write("请输入电话号码");  
         }  
        if($("#email").val()==""){  
             $("#email").val("[email protected]");  
         }  
     }     
      
     function isInteger(obj){  
          
         reg=/^[- ]?d $/;  
        if(!reg.test(obj)){  
             $("#test").html("<b>Please input correct figures</b>");  
         }else{  
             $("#test").html("");  
         }  
     }  
     function isEmail(obj){  
         reg=/^w{3,}@w (.w ) $/;  
        if(!reg.test(obj)){       
             $("#test").html("<b>请输入精确的邮箱地址</b>");  
         }else{  
             $("#test").html("");  
         }  
     }  
     function isString(obj){  
         reg=/^[a-z,A-Z] $/;  
        if(!reg.test(obj)){  
             $("#test").html("<b>只可以输入字符</b>");  
         }else{  
             $("#test").html("");  
         }  
     }  
     function isTelephone(obj){  
         reg=/^(d{3,4}-)?[1-9]d{6,7}$/;  
        if(!reg.test(obj)){  
             $("#test").html("<b>请输入正确的电话号码!</b>");  
         }else{  
             $("#test").html("");  
         }  
     }  
     function isMobile(obj){  
         reg=/^( d{2,3}-)?d{11}$/;  
        if(!reg.test(obj)){  
             $("#test").html("请输入准确移动电话");  
         }else{  
             $("#test").html("");  
         }  
     }  
     function isUri(obj){  
         reg=/^;  
        if(!reg.test(obj)){  
             $("#test").html($("#uri").val() "请输入正确的inernet地址");  
         }else{  
             $("#test").html("");  
         }  
     }  
      
    //document加载完成实践  
     $(document).ready(function() {  
    // do something here  
      
    //隔行换色功用  
     $("p").each(function(i){  
        this.style.color=['red','green','blue','black'][i%2]  
         });  
      
    //eq(2)获取$("p")会集的第四个因素  
     $("p").eq(2).click(function(){$("#display").css("color","blue")});  
      
    //全部test中的p都附加了体制"over"。  
     $("#test>p").addClass("over");  
      
    //test中的最终两个p附加了体制"out"。  
     $("#test p:last").addClass("out");  
      
    //接受同级成分还未看懂  
    //$('#faq').find('dd').hide().end().find('dt').click(function()  
      
    //接收父级成分  
     $("a").hover(  
                 function(){$(this).parents("p").addClass("out")},  
                 function(){$(this).parents("p").removeClass("out")})  
      
      
    //hover鼠标悬停成效,toggle每一遍点击时切换要调用的函数   ,  
    //trigger(eventtype): 在每二个合营的因素上接触某类事件,  
    //bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定从每叁个特别的成分中(加多卡塔 尔(阿拉伯语:قطر‎删除绑定的事件。  
 
    //方法的连写  
     $("#display").hover(function(){  
             $(this).addClass("over");  
         },function(){  
             $(this).removeClass("over");  
         })  
         .click(function(){alert($("#display").text())});  
          
      
      
      
    if($.browser.msie){//剖断浏览器,即便ie则推行上面包车型大巴法力  
          
        //聚焦  
         $("input[@type=text],textarea,input[@type=password]")  
         .focus(function(){$(this).css({background:"white",border:"1px solid blue"})})  
        //也得以这么连着写,  
        //.blur(function(){$(this).css({background:"white",border:"1px solid black"})})  
          
        //失去主旨  
        //css样式能够经过addClass()来增添  
         $("input[@type=text],textarea,input[@type=password]")  
         .blur(function(){$(this).css({background:"white",border:"1px solid black"});});  
     }  
      
     });  
      
      
      
</script>  
<style type="text/css">  
.over{  
     font-size:large;  
     font-style:italic;  
}  
.out{  
     font-size:small;  
}         
</style>  
</head>  
 
<body >  
<div id="display">demo</div>  
<div id="test">  
     <p>adfa<a>dfasfa</a>sdfasdf</p>  
     <p>adfadfasfasdfasdf</p>  
     <p>adfadfasfasdfasdf</p>      
     <p>adfadfasfasdfasdf</p>  
</div>  
<form id="theForm">  
     isString<div><input type="text" id="username" onblur="isString(this.value)"/></div>  
     isInteger<div><input type="text" id="password" onblur="isInteger(this.value)"/></div>  
     isTelephone<div><input type="text" id="telephone" onblur="isTelephone(this.value)"/></div>  
     isMobile<div><input type="text" id="mobile" onblur="isMobile(this.value)"/></div>  
     isEmail<div><input type="text" id="email" onblur="isEmail(this.value)"/></div>  
     isUri<div><input type="text" id="uri" onblur="isUri(this.value)"/></div>  
     <div><input type="button" value="Validata" onclick="return validata();"   /></div>  
</form>  
</body>  
</html> 

 

原来的作品地址:

[导读] 本小说提供了汪洋的jQuery正则表明式,有电话号码,密码,顾客名,邮箱,哈能输入字符等...

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";   
  2. <html xmlns=";   
  3. <head>   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
  5. <title>Test</title>   
  6. <script type="text/javascript" language="javascript" src="jquery.js"></script>   
  7. <script type="text/javascript" language="javascript" >   
  8.     function validata(){   
  9.         if($("#username").val()==""){   
  10.             document.write("请输入名字");               
  11.             return false;   
  12.         }   
  13.         if($("#password").val()==""){   
  14.             document.write("请输入密码");   
  15.             return false;   
  16.         }          
  17.         if($("#telephone").val()==""){   
  18.             document.write("请输入电话号码");   
  19.         }   
  20.         if($("#email").val()==""){   
  21.             $("#email").val("shuangping@163.com");   
  22.         }   
  23.     }      
  24.        
  25.     function isInteger(obj){   
  26.            
  27.         reg=/^[- ]?d $/;    
  28.         if(!reg.test(obj)){   
  29.             $("#test").html("<b>Please input correct figures</b>");   
  30.         }else{   
  31.             $("#test").html("");   
  32.         }   
  33.     }   
  34.     function isEmail(obj){   
  35.         reg=/^w{3,}@w (.w ) $/;   
  36.         if(!reg.test(obj)){        
  37.             $("#test").html("<b>请输入正确的邮箱地址</b>");   
  38.         }else{   
  39.             $("#test").html("");   
  40.         }   
  41.     }   
  42.     function isString(obj){   
  43.         reg=/^[a-z,A-Z] $/;   
  44.         if(!reg.test(obj)){   
  45.             $("#test").html("<b>只好输入字符</b>");   
  46.         }else{   
  47.             $("#test").html("");   
  48.         }   
  49.     }   
  50.     function isTelephone(obj){   
  51.         reg=/^(d{3,4}-)?[1-9]d{6,7}$/;   
  52.         if(!reg.test(obj)){   
  53.             $("#test").html("<b>请输入准确的电话号码!</b>");   
  54.         }else{   
  55.             $("#test").html("");   
  56.         }   
  57.     }   
  58.     function isMobile(obj){   
  59.         reg=/^( d{2,3}-)?d{11}$/;   
  60.         if(!reg.test(obj)){   
  61.             $("#test").html("请输入正确移动电话");   
  62.         }else{   
  63.             $("#test").html("");   
  64.         }   
  65.     }   
  66.     function isUri(obj){   
  67.         reg=/^http://[a-zA-Z0-9] .[a-zA-Z0-9] [/=?%-&_~`@[]': !]*([^<>""])*$/;   
  68.         if(!reg.test(obj)){   
  69.             $("#test").html($("#uri").val() "请输入正确的inernet地址");   
  70.         }else{   
  71.             $("#test").html("");   
  72.         }   
  73.     }   
  74.        
  75.     //document加载完结试行   
  76.     $(document).ready(function() {   
  77.     // do something here   
  78.        
  79.     //隔行换色功能   
  80.     $("p").each(function(i){   
  81.         this.style.color=['red','green','blue','black'][i%2]   
  82.         });   
  83.        
  84.     //eq(2)获取$("p")集结的第4个因素    
  85.     $("p").eq(2).click(function(){$("#display").css("color","blue")});   
  86.        
  87.     //全部test中的p都附加了体制"over"。   
  88.     $("#test>p").addClass("over");   
  89.        
  90.     //test中的最终叁个p附加了体制"out"。   
  91.     $("#test p:last").addClass("out");   
  92.        
  93.     //选取同级成分还未看懂   
  94.     //$('#faq').find('dd').hide().end().find('dt').click(function()    
  95.        
  96.     //采用父级元素   
  97.     $("a").hover(   
  98.                 function(){$(this).parents("p").addClass("out")},   
  99.                 function(){$(this).parents("p").removeClass("out")})   
  100.        
  101.        
  102.     //hover鼠标悬停功用,toggle每一次点击时切换要调用的函数  ,   
  103.     //trigger(eventtype): 在每四个同盟的因素上接触某类事件,   
  104.     //bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定从每一个卓殊的元素中(加多卡塔 尔(阿拉伯语:قطر‎删除绑定的事件。   
  105.   
  106.     //方法的连写   
  107.     $("#display").hover(function(){   
  108.             $(this).addClass("over");   
  109.         },function(){   
  110.             $(this).removeClass("over");    
  111.         })   
  112.         .click(function(){alert($("#display").text())});   
  113.            
  114.        
  115.        
  116.        
  117.     if($.browser.msie){//决断浏览器,假设ie则推行下边包车型客车作用   
  118.            
  119.         //聚焦   
  120.         $("input[@type=text],textarea,input[@type=password]")   
  121.         .focus(function(){$(this).css({background:"white",border:"1px solid blue"})})   
  122.         //也得以这么连着写,   
  123.         //.blur(function(){$(this).css({background:"white",border:"1px solid black"})})   
  124.            
  125.         //失去主旨   
  126.         //css样式能够经过addClass()来增多   
  127.         $("input[@type=text],textarea,input[@type=password]")   
  128.         .blur(function(){$(this).css({background:"white",border:"1px solid black"});});   
  129.     }   
  130.        
  131.     });   
  132.        
  133.        
  134.        
  135. </script>   
  136. <style type="text/css">   
  137. .over{   
  138.     font-size:large;   
  139.     font-style:italic;   
  140. }   
  141. .out{   
  142.     font-size:small;   
  143. }          
  144. </style>   
  145. </head>   
  146.   
  147. <body >   
  148. <div id="display">demo</div>   
  149. <div id="test">   
  150.     <p>adfa<a>dfasfa</a>sdfasdf</p>   
  151.     <p>adfadfasfasdfasdf</p>   
  152.     <p>adfadfasfasdfasdf</p>       
  153.     <p>adfadfasfasdfasdf</p>   
  154. </div>   
  155. <form id="theForm">   
  156.     isString<div><input type="text" id="username" onblur="isString(this.value)"/></div>   
  157.     isInteger<div><input type="text" id="password" onblur="isInteger(this.value)"/></div>   
  158.     isTelephone<div><input type="text" id="telephone" onblur="isTelephone(this.value)"/></div>   
  159.     isMobile<div><input type="text" id="mobile" onblur="isMobile(this.value)"/></div>   
  160.     isEmail<div><input type="text" id="email" onblur="isEmail(this.value)"/></div>   
  161.     isUri<div><input type="text" id="uri" onblur="isUri(this.value)"/></div>   
  162.     <div><input type="button" value="Validata" onclick="return validata();"  /></div>   
  163. </form>   
  164. </body>   
  165. </html>  

本文由澳门威利斯人发布于威利斯人娱乐,转载请注明出处:威尼斯娱乐场:jquery正则表达式,与正则表达式

关键词: 澳门威利斯人