// *"); //创建元素			$(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(''+errorMsg+'');					}else{					    var okMsg = '输入正确.';					    $parent.append(''+okMsg+'');					}			 }			 //验证邮件			 if( $(this).is('#email') ){				if( this.value=="" || ( this.value!="" && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value) ) ){                      var errorMsg = '请输入正确的E-Mail地址.';					  $parent.append(''+errorMsg+'');				}else{                      var okMsg = '输入正确.';					  $parent.append(''+okMsg+'');				}			 }		}).keyup(function(){		   $(this).triggerHandler("blur");		}).focus(function(){	  	   $(this).triggerHandler("blur");		});//end blur				//提交，最终验证。		 $('#send').click(function(){				$("form :input.required").trigger('blur');				var numError = $('form .onError').length;				if(numError){					return false;				} 				alert("注册成功,密码已发到你的邮箱,请查收.");		 });		//重置		 $('#res').click(function(){				$(".formtips").remove(); 		 });})//]]>
         	
           
           
            用户名: 
              
             
             
              邮箱: 
                
               
               
                个人资料: 
                  
                 
                 
                  
                
               
              
             
            
           
          
         
        
       
      
     

img素材：

css代码

body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;}form div { margin:5px 0;}.int label { float:left; width:100px; text-align:right;}.int input { padding:1px 1px; border:1px solid #ccc;height:16px;}.sub { padding-left:100px;}.sub input { margin-right:10px; }.formtips{width: 200px;margin:2px;padding:2px;}.onError{    background:#FFE0E9 url(../img/reg3.gif) no-repeat 0 center;	padding-left:25px;}.onSuccess{    background:#E9FBEB url(../img/reg4.gif) no-repeat 0 center;	padding-left:25px;}.high{    color:red;}

浏览器效果：