zallery/WebContent/register.jsp

    <script type="text/javascript"> 
    jQuery().ready(function() {
		// Validate register form
		jQuery("#registerForm").validate({
			rules: {
				email: {
					required: true,
					email: true
				},
				password: {
					required: true
				},
				rePassword: {
					required: true,
					equalTo: "#password"
				},
				name: {
					required: true,
					//firstLastName: true
				}
			},
			messages: {
				email: "<lable to='email'><img src='img/error.png' title='Please enter a valid email address' /></lable>",
				password: {
					required: "<lable to='password'><img src='img/error.png' title='Please enter a password' /></lable>"
				},
				rePassword: {
					required: "<lable to='re_password'><img src='img/error.png' title='Please enter a password' /><lable>",
					equalTo: "<lable to='re_password'><img src='img/error.png' title='Please enter the same password as above' /></lable>"
				},
				name: "<lable to='name'><img src='img/error.png' title='Please enter your first and last name, eg. Ziver Koc' /></lable>"
			}
		});
	});
	</script> 
    
    
    <div id="main">    
        <div id="container">
            <div id="content">
                <DIV id="comments">   
                    <DIV id="respond" style="float: left; width: 400px;"> 
                        <H3>Register </H3>
                        
                        <DIV class="formcontainer">
                            <FORM id="registerForm" method="post">     
                            	<INPUT type="hidden" name="action" value="register">
                                
                                <P id="comment-notes">Please fill in all the required fields in this form to register. Be specific in the Name field so the admin recognises you.</P> 
                                 
                                <DIV class="form-section"> 
                                    <DIV class="form-label"><LABEL for="email">Email</LABEL> <SPAN class="required">*</SPAN></DIV> 
                                    <DIV class="form-input"><INPUT id="email" name="email" type="text" value="" size="30" tabindex="1"></DIV> 
                                </DIV>
                                
                                <DIV class="form-section"> 
                                    <DIV class="form-label"><LABEL for="password">Password</LABEL> <SPAN class="required">*</SPAN></DIV> 
                                    <DIV class="form-input"><INPUT id="password" name="password" type="password" value="" size="30" tabindex="2"></DIV> 
                                </DIV>
                                <DIV class="form-section"> 
                                    <DIV class="form-label"><LABEL for="rePassword">Re-enter Password</LABEL> <SPAN class="required">*</SPAN></DIV> 
                                    <DIV class="form-input"><INPUT id="rePassword" name="rePassword" type="password" value="" size="30" tabindex="3"></DIV> 
                                </DIV>
                                
                                <DIV class="form-section"> 
                                    <DIV class="form-label"><LABEL for="name">Full Name</LABEL> <SPAN class="required">*</SPAN></DIV> 
                                    <DIV class="form-input"><INPUT id=name name="name" type="text" value="" size="30" tabindex="4"></DIV> 
                                </DIV>
                                
                                <INPUT id="submit" name="register" type="submit" value="Register" tabindex="7">
                            </FORM><!-- #commentform --> 
                        </DIV><!-- .formcontainer --> 
                    </DIV><!-- .formcontainer -->                       
                    
                </div><!-- .post -->            
            </div><!-- #content -->
        </div><!-- #container -->
    </div>