$(function(){
	
	// contact form validation //
	$("#regForm").validate({
		errorElement: "em",
		rules: {
			fname: {
				required : true
			},
			
			postcode: {
				number : true
			},
			
			username: {
				required : true,
				minLength :5,
				remote : 'rpc.php?page=register&mode=check_user_exist'
			},
			
			password: {
				required : true,
				minLength : 3,
				maxLength : 16
				
			},
			
			cPassword: {
				required : true,
				equalTo : "#password"
			},
			
			email: {
				required : true,
				email : true
				},
				
			code: {
				required : true,
				remote : 'rpc.php?page=register&mode=security_code_check'
				},
			
			terms : {
				required : true	
			}
			
		},
		messages: {
			
			fname : {
				required : "Enter your first name"
			},
			
			postcode : {
				number : "Enter number only"
			},
			
			username : {
				required : "Enter your username",
				minLength : "Minimunm length 5",
				remote : "username already exist"
			},
			
			password : {
				required : "Enter your password",
				minLength : "Minimum length 3",
				maxLength : "Max length 16"
			},
			
			cPassword : {
				required : "Re-Type Password",
				equalTo : "Password miss-matched"
			},
		
			email: {
				required : "Enter Email",
				email : "Email Valid Email"
			},
			
			code: {
				required : "Enter Security code",
				remote : "Invalid code"
			},
			
			terms: {
				required : "Accept the terms and conditions"
			}
			
		},
		success: function(label) {
				label.text("ok!").addClass("success");
		},
		errorPlacement: function(error, element) { 
                error.appendTo( element.next().next('span') ); 
        },
		submitHandler: function(form) {
			$.ajax({
					type: 'GET',
					url: 'rpc.php',
					data: 'page=register&mode=register&fname='+$('#fname').val()+'&lname='+$('#lname').val()+'&country='+$('#country').val()+'&city='+$('#city').val()+'&postcode='+$('#postcode').val()+'&date1='+$('#date1').val()+'&month='+$('#month').val()+'&year='+$('#year').val()+'&sex='+$('#sex').val()+'&username='+$('#username').val()+'&password='+$('#password').val()+'&email='+$('#email').val(),
					success: function(data){
					$('#res').html(data);
					$('.spanSpace').html("");
					$('#fname').val("");
					$('#lname').val("");
					$('#country').val("");
					$('#city').val("");
					$('#postcode').val("");
					$('#date1').val("");
					$('#month').val("");
					$('#year').val("");
					$('#sex').val("");
					$('#username').val("");
					$('#password').val("");
					$('#cPassword').val("");
					$('#email').val("");
					$('#code').val("");
					$('#terms').val("");
					}
				})

	
	    } 

});
		   });