表单验证信息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>

表单验证信息jQuery代码

标签：

原文地址：http://www.cnblogs.com/qdmaomao/p/4544456.html