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