用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

表单验证

2016-06-04 作者: lijinbo举报

[javascript]代码库

$(document).ready(function(){
         
         
        //创建一个*
        $(".a1").each(function(){
             
            var hdw = $("<strong class='reda'>*</strong>");
             
            $(this).parent().append(hdw);
 
            });
            //end
             
     
        $("form :input").blur(function(){
             
            $(this).parent().find(".a2").remove();
             
            //判断       
            if ($(this).is("#username")){
                 
                if (this.value=="" || this.value.length < 6){
                     
                    var hdw1 = $("<span class='a2 error'>用户名不得小于6位</span>");
                     
                    $(this).parent().append(hdw1);
                     
                    }else{
                         
                    var hdw1 = $("<span class='a2 righta'>正确</span>");
                     
                    $(this).parent().append(hdw1);             
                }
 
            }
            //end  
             
     
            //判断       
            if ($(this).is("#password")){
                 
                if (this.value==""){
                     
                    var hdw1 = $("<span class='a2 error'>密码不得为空</span>");
                     
                    $(this).parent().append(hdw1);
                     
                    }else{
                         
                    var hdw1 = $("<span class='a2 righta'>正确</span>");
                     
                    $(this).parent().append(hdw1);             
                }
 
            }
            //end
                 
            //判断       
            if ($(this).is("#passwords")){
                 
                if (this.value=="" || this.value!= $("#password").val()){
                     
                    var hdw1 = $("<span class='a2 error'>两次密码不一样</span>");
                     
                    $(this).parent().append(hdw1);
                     
                    }else{
                         
                    var hdw1 = $("<span class='a2 righta'>正确</span>");
                     
                    $(this).parent().append(hdw1);             
                }
 
            }
            //end  
 
             
            //判断       
            if ($(this).is("#email")){
                 
                if (this.value=="" || ( this.value!="" && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value) )){
                     
                    var hdw1 = $("<span class='a2 error'>邮件的格式不正确</span>");
                     
                    $(this).parent().append(hdw1);
                     
                    }else{
                         
                    var hdw1 = $("<span class='a2 righta'>正确</span>");
                     
                    $(this).parent().append(hdw1);             
                }
 
            }
            //end  
             
            //判断       
            if ($(this).is("#tel")){
                 
                if (this.value=="" || isNaN($(this).val()) || this.value.length < 11 ){
                     
                    var hdw1 = $("<span class='a2 error'>手机号不得为空,必须是11位数字</span>");
                     
                    $(this).parent().append(hdw1);
                     
                    }else{
                         
                    var hdw1 = $("<span class='a2 righta'>正确</span>");
                     
                    $(this).parent().append(hdw1);             
                }
 
            }
            //end
 
    });
    //blur  end
         
         
         
        //提交
        $("#send").click(function(){
             
            $("form :input").trigger("blur");
             
            var hdw3 = $(".error").length;
             
            if (hdw3){
                 
                return false;
                 
                }
             
            alert("注册成功"); 
     
        });
    //end
     
     
     
        //重置
        $("#res").click(function(){
             
            $(".a2").remove();
 
            });


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...