Validate register form
===

I am trying make a register form adn using jquery validation. I have 2 problems.

1- My forms get spoils when i use "required" class. e.g "gender" text and select box change places and form get ugly view. I have been using css for better view, but it didnt solve problem! Finally i removed all css and nothing change!

2- I want only one "warning message" for "birthday select box"..I couldnt manage this and it look terrible when i get 3x warning for each bday select box. How can i give "one" warning message if at least one box not choosed?

And my codes are below, i made it short and working for test:

 

    <script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/jquery.validate.js"></script>
     <script>
      $(document).ready(function(){
        $.validator.addMethod("username", function(value, element) {
            return this.optional(element) || /^[a-z0-9\_]+$/i.test(value);
        }, "Username must contain only letters, numbers, or underscore.");
    
        $("#regForm").validate();
      });
    
      </script>
    
    </head>
    <body>
    
    
    <div>
    		<form method="post" id="regForm" action="register.php">
    			<div>
    				Name<br>
    				<input id="user_name" name="name" type="text" minlength="5" class="required username"/><br>
    			
    			</div>
    			<div>
    				E-mail<br>
    				<input id="usr_email3" name="email" type="text" class="required email"/><br>
    				
    			</div>
    			<div>
    				Password<br>
    				<input name="pass1" type="password" class="required password" minlength="5" id="pwd" /><br>
    				
    			</div>
    			<div>
    				Confirm Password<br>
    				<input id="pwd2" name="pass2" class="required password" type="password" minlength="5" equalto="#pwd" /><br>
    				
    			</div>
    		
    			
    			<div>
    			Birthday: 
    			<select name="birthday_day" class="required">
    			<option value="">Day</option>
    			<option value="1" >1</option>
    			<option value="2" >2</option>
    			</select> 
                <select name="birthday_month" class="required">
               	<option value="">Month</option>
    			<option value="1" >January</option>
    			</select> 
                <select name="birthday_year" class="required">
    			<option value="">Year</option>
    			<option value="1900" >1900</option>
    			</select>
    			
    			</div>
    			<div>
    			Gender:
    			<select name="gender" class="required">
    			<option value="">Choose</option>
    			<option value="Male">Male</option>
                <option value="Female">Female</option><br /></div>
    			<br>
    			<div>		
    			<input id="doRegister" name="doRegister" type="submit" value="Send"/>
    			</div>
    		</form>
    		
    </div>