$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var username = $("#username");
	var usernameInfo = $("#usernameInfo");
	var pass1 = $("#password");
	var pass1Info = $("#passwordInfo");

	//On blur

	username.blur(validateName);
	pass1.blur(validatePass1);


	//On Submitting
	form.submit(function(){
		if(validateName() & validatePass1() )
			return true
		else
			return false;
	}
    );
   //validation functions
	function validateName(){
		var s=username.val();
	    var i;
        var returnString = "";

    	if(username.val().length < 1){
			username.addClass("error");
			usernameInfo.text("Please enter Username.");
			usernameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			username.removeClass("error");
			usernameInfo.text("");
			usernameInfo.removeClass("error");
			return true;
		}
	}


	function validatePass1(){

		var a = $("#password");
		var b = $("#conpassword");
          var s=pass1.val();
		   var i;
           var returnString = "";
   
     for (i = 0; i < s.length; i++)
      {   
              var c = s.charAt(i);
        if (c == " " )
		  {
			pass1.addClass("error");
			pass1Info.text("White Spaces are  not allowed !");
			pass1Info.addClass("error5");
			return false;
			     }
        }
		//it's NOT valid
		if(pass1.val() == "" ){
			pass1.addClass("error");
			pass1Info.text("Please enter password.");
			pass1Info.addClass("error5");
			return false;
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("");
			pass1Info.removeClass("error5");
			return true;
		}
	}
	
		
	
});