Pastebin.vip

Form Validation

From , 5 Years ago, written in JavaScript, viewed 216 times.
URL https://pastebin.vip/view/b9946974
  1. $(document).ready(function(){
  2.                
  3.                
  4.                 //创建一个*
  5.                 $(".a1").each(function(){
  6.                        
  7.                         var hdw = $("<strong class='reda'>*</strong>");
  8.                        
  9.                         $(this).parent().append(hdw);
  10.  
  11.                         });
  12.                         //end
  13.                        
  14.        
  15.                 $("form :input").blur(function(){
  16.                        
  17.                         $(this).parent().find(".a2").remove();
  18.                        
  19.                         //判断               
  20.                         if ($(this).is("#username")){
  21.                                
  22.                                 if (this.value=="" || this.value.length < 6){
  23.                                        
  24.                                         var hdw1 = $("<span class='a2 error'>用户名不得小于6位</span>");
  25.                                        
  26.                                         $(this).parent().append(hdw1);
  27.                                        
  28.                                         }else{
  29.                                                
  30.                                         var hdw1 = $("<span class='a2 righta'>正确</span>");
  31.                                        
  32.                                         $(this).parent().append(hdw1);                         
  33.                                 }
  34.  
  35.                         }
  36.                         //end  
  37.                        
  38.        
  39.                         //判断               
  40.                         if ($(this).is("#password")){
  41.                                
  42.                                 if (this.value==""){
  43.                                        
  44.                                         var hdw1 = $("<span class='a2 error'>密码不得为空</span>");
  45.                                        
  46.                                         $(this).parent().append(hdw1);
  47.                                        
  48.                                         }else{
  49.                                                
  50.                                         var hdw1 = $("<span class='a2 righta'>正确</span>");
  51.                                        
  52.                                         $(this).parent().append(hdw1);                         
  53.                                 }
  54.  
  55.                         }
  56.                         //end
  57.                                
  58.                         //判断               
  59.                         if ($(this).is("#passwords")){
  60.                                
  61.                                 if (this.value=="" || this.value!= $("#password").val()){
  62.                                        
  63.                                         var hdw1 = $("<span class='a2 error'>两次密码不一样</span>");
  64.                                        
  65.                                         $(this).parent().append(hdw1);
  66.                                        
  67.                                         }else{
  68.                                                
  69.                                         var hdw1 = $("<span class='a2 righta'>正确</span>");
  70.                                        
  71.                                         $(this).parent().append(hdw1);                         
  72.                                 }
  73.  
  74.                         }
  75.                         //end  
  76.  
  77.                        
  78.                         //判断               
  79.                         if ($(this).is("#email")){
  80.                                
  81.                                 if (this.value=="" || ( this.value!="" && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value) )){
  82.                                        
  83.                                         var hdw1 = $("<span class='a2 error'>邮件的格式不正确</span>");
  84.                                        
  85.                                         $(this).parent().append(hdw1);
  86.                                        
  87.                                         }else{
  88.                                                
  89.                                         var hdw1 = $("<span class='a2 righta'>正确</span>");
  90.                                        
  91.                                         $(this).parent().append(hdw1);                         
  92.                                 }
  93.  
  94.                         }
  95.                         //end  
  96.                        
  97.                         //判断               
  98.                         if ($(this).is("#tel")){
  99.                                
  100.                                 if (this.value=="" || isNaN($(this).val()) || this.value.length < 11 ){
  101.                                        
  102.                                         var hdw1 = $("<span class='a2 error'>手机号不得为空，必须是11位数字</span>");
  103.                                        
  104.                                         $(this).parent().append(hdw1);
  105.                                        
  106.                                         }else{
  107.                                                
  108.                                         var hdw1 = $("<span class='a2 righta'>正确</span>");
  109.                                        
  110.                                         $(this).parent().append(hdw1);                         
  111.                                 }
  112.  
  113.                         }
  114.                         //end
  115.  
  116.         });    
  117.         //blur  end
  118.                
  119.                
  120.                
  121.                 //提交
  122.                 $("#send").click(function(){
  123.                        
  124.                         $("form :input").trigger("blur");
  125.                        
  126.                         var hdw3 = $(".error").length;
  127.                        
  128.                         if (hdw3){
  129.                                
  130.                                 return false;
  131.                                
  132.                                 }
  133.                        
  134.                         alert("注册成功"); 
  135.        
  136.                 });
  137.         //end
  138.        
  139.        
  140.        
  141.                 //重置
  142.                 $("#res").click(function(){
  143.                        
  144.                         $(".a2").remove();
  145.  
  146.                         });

Reply to "Form Validation "

Here you can reply to the paste above

captcha

https://burned.cc - Burn After Reading Website
Powered by Pastebin.vip paste tool since 2022!