// JavaScript Document
$(function(){   
		/**
		 *	when focus this input box initialize the value to ""
		 */
		$("input[name='username']").focus(function(){ 	
			$(this).css("color","#999");
			var username = $.trim($(this).val()); 
			if(username=="怎么称呼您?"){
				$(this).val("");    
			} 
		});	
				
		$("input[name='email']").focus(function(){ 	
			$(this).css("color","#999");
			var emial = $.trim($(this).val());  
			if(emial=="E-mail"){
				$(this).val("");  
			} 
		});	
		 
		
		$(".content").focus(function(){
			$(this).css("color","#999");
			var content = $.trim($(this).val()); 
			if(content=="内容"){
				$(this).val("");    
			} 
		});	
		
		$("input[name='code']").focus(function(){ 	
			$(this).css("color","#999");
			 
		});	
		/**
		 *	when .subButton click check the form value
		 */
		$(".subButton").click(function(){  
			//获取表单数据
			var username = $.trim($("input[name='username']").val());  
			var email = $.trim($("input[name='email']").val()); 
			var code = $.trim($("input[name='code']").val()); 
			var content = $.trim($(".content").val());  
			
			//表单数据验证
			if(username.length==0||username=="怎么称呼您?"){
				$("input[name='username']").css("border","1px red solid"); 
				return false;
			}else{
				$("input[name='username']").css("border","1px #666 solid"); 
			} 
			
  
	 
			if(email.length==0||email=="E-mail"){
				$("input[name='email']").css("border","1px red solid"); 
				return false;
			}else{
				$("input[name='email']").css("border","1px #666 solid"); 
			}
			 
			if (email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) == -1){
				$("input[name='email']").css("border","1px red solid"); 
				return false;
			}else{
				$("input[name='email']").css("border","1px #666 solid"); 
			}
			
			if(content.length==0 || content=="内容"){
				$(".content").css("border","1px red solid"); 
				return false;
			}else{
				$(".content").css("border","1px #666 solid"); 
			} 
			
			if(code==(a+b)){
				$('#code').css("border","solid #666 1px");
			}else{
				$('#code').css("border","solid red 1px");	
				return false;
			} 
			/*$.ajax({       
						type:"POST",
						url:"http://127.0.0.1:8080/PeugeotRace/MgmtLoginServlet.do?action=add",				       
						data:"content="+content,
						success:function(msg){  
							$("#tips").css("color", "red"); 
							$("#tips").html(msg);  
						}    
			});*/
			$("#messageform").hide();
			$(".inputBox").hide();
			$(".content").hide();
			$(".subButton").hide();
			$(".radomBox").hide();
			$("#success").show(1000);
			return false;
		});
		
		$(".retrunReq").click(function(){
									   alert(5555);
			$("#success").hide();
			$(".inputBox").show();
			$(".content").show();
			$(".subButton").show();
			$("#messageform").show(); 	
			$(".radomBox").show();
			$(".subButton").attr("disabled","true"); 
		});
		
		/**
		 *	when the input value change check it
		 */
		$("input[name='username']").change(function(){
			var username = $.trim($("input[name='username']").val());
			if(username!="怎么称呼您?" && username.length>0){
				$("input[name='username']").css("border","1px #666 solid"); 
			}else{
				$("input[name='username']").css("border","1px red solid"); 
			}
		});
				
		$("input[name='email']").change(function(){
			var email = $.trim($("input[name='email']").val());
			var temp = email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/);
			if(email!="E-mail" && email.length>0 && temp==0){
				$("input[name='email']").css("border","1px #666 solid"); 
			}else{
				$("input[name='email']").css("border","1px red solid"); 
			}
		});
		
		$(".content").change(function(){ 
			var content = $.trim($(".content").val());
			if(content!="内容" && content.length>0){
				$(".content").css("border","1px #666 solid"); 
			}else{
				$(".content").css("border","1px red solid"); 
			}
		});
		
		$("input[name='code']").change(function(){
				var code = $.trim($("input[name='code']").val());
				if(code==(a+b)){
					$('#code').css("border","solid #666 1px");
				}else{
					$('#code').css("border","solid red 1px");	
					return false;
				} 
		});
}); 
var a = parseInt(Math.random()*10);
var b = parseInt(Math.random()*10);