pardipbhatti8791
2/19/2016 - 7:54 AM

register.js

register.js

// Js File for register form

(function(){  // Self invoked function
  
  var registerUser = function() { // here registerUser is a function
    e.preventDefault();
    $(document).delegate('#gpForm', 'submit', function(e){
      if($('.firstName').val() == "") {
        $('.firstName').attr('placeholder', 'Please Enter Your First Name');
        $('.firstName').focus();
        return false;
      } else if($('.lastName').val() == "") {
        $('.lastName').attr('placeholder', 'Please Enter Your Last Name');
        $('.lastName').focus();
        return false;
      } else if($('.email').val() == "") {
        $('.email').attr('placeholder', 'Please Enter Your Email');
        $('.email').focus();
        return false;
      } else if(!/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@(?:\S{1,63})$/.test( $('.email').val() )) {
        $('.emailMsg').fadeIn(400).html('Please Enter Valid Email Address');
   			$('.email').focus();
   			return false;
      } else if($('.password').val() == ""){
          $('.password').attr('placeholder', 'Please Enter Your Password');
          $('.password').focus();
          return false;
      } else {
        $.ajax({
          type  : "post",   // data type
          url   : "gpAction.php", // Action file where all data will be processed
          data  : $(this).serialize(),  // serialize method use to get all form data
          beforeSend : function() { 
            $('.register').attr('value', 'Processing...');  // loading process or animation
          },
          success : function(response) {
            if(response == 1) { // if response true
              $('.register').attr('value', 'Successfully Registered');
              setTimeout(function(){
                $('.register').attr('value', 'Register Again');  
              },2000);
            } else if(response == 0) {  // if response false
              $('.register').attr('value', 'Oops ! Failed');
              setTimeout(function(){
                $('.register').attr('value', 'Try Again');  
              },2000);
            }
          }
        });
      }
    });
    
  }
  registerUser() // called this function
  
}()); // called self invoked function