表单验证信息jQuery代码

    <script type="text/javaScript">
        $(function(){
            $("form :input.required").each(function(){
                var $required=$("<strong class='high'>*</strong>");
                $(this).parent().append($required);
            });
            
            $("form :input").blur(function(){
                var $parent=$(this).parent();
                $parent.find(".formtips").remove();  

     
                //验证用户名
                if($(this).is('#username')){
                    if(this.value==""||this.value.length<6){
                        var errorMsg = '请输入至少6位的用户名' ;
                        $parent.append('<span class="formtips onError">'+errorMsg+'</span>');    
                    }else{
                            var okMsg='输入正确';
                            $parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
                        }    
                }
                
                //验证邮箱
                if($(this).is('#email')){
                    if(this.value==""||(this.value!="" && !/.+@.+\.[a-zA-z]{2,4}$/.test(this.value))){  // 正则验证邮箱的
                        var errorMsg="请输入正确的E-Mail";
                        $parent.append('<span class="formtips onError">'+errorMsg+'</span>');
                    }else{
                            var okMsg='输入正确';
                            $parent.append('<span class="formtips onSuccess">' +okMsg+'</span>');
                        }    
                }
                        
            });


             //提交验证 ,无视错误提醒的需要对表单填写的内容进行一次整体的验证。
            $('#send').click(function(){
                $("form .required:input").trigger('blur');
                var numError=$('form .onError').length;
                if(numError){
                    return false;
                }
                alert("注册成功,密码已发送到你的邮箱,请查收。");
            });
        });
    </script>

posted @ 2015-06-01 17:29  前端_茂  阅读(380)  评论(0编辑  收藏  举报