PHP form processing using JQuery not Working - php

Question

I'm processing a form using PHP and JQuery and it's not processing the way it should normally process. My HTML is:
<form action="" method="POST" name="forgot_pass_form">
<label><h3>Please Enter your email!</h3></label><br>
<input type="text" name="email_pass" id="email_pass" />
<input type="submit" name="submit" id="submit" value="Submit" />
</form>
My JQuery code which is in the same page as HTML code:
<script type="text/javascript">
$(document).ready(function($) {
var email = $('#email_pass').val();
$("#submit").live('click', function(){
$.post('email_password.php',
{
'email_pass' : email
},
function(data) {
alert(data);
});
return false;
});
});
</script>
My PHP code which is on email_password.php:
<?php
$email = $_POST['email_pass'];
if(empty($email)){
echo 'empty';
} else {
echo 'Not';
}
?>
The problem here is it always alert me with empty even if I've entered something in the text box
I even tried this way:
if(empty($_POST)){
echo 'empty';
} else {
// process the form
$email = $_POST['email'];
if(empty($email)){
echo 'Email is empty';
} else {
echo 'Email is not empty';
}
}
By trying this way, it alerts me with Email is empty. Please help

Answer 1

When you try to capture a field value, it must be the same name. The name you have in your form is 'email_pass' and in your PHP code you are waiting for 'email'
This should be:
if(empty($_POST)){
echo 'empty';
} else {
// process the form
$email = $_POST['email_pass']; // The field form name
if(empty($email)){
echo 'Email is empty';
} else {
echo 'Email is not empty';
}
}
Sorry for my english :s

Answer 2

use this code
<script type="text/javascript">
$(document).ready(function($) {
$("#submit").live('click', function(){
var email = $('#email_pass').val();
$.post('email_password.php',
{
'email_pass' : email
},
function(data) {
alert(data);
});
return false;
});
});
</script>

Answer 3

The issue is that your making a $_POST call with jQuery and in that function you "post" under the new name email_pass. Update your PHP file to reference $_POST['email_pass'] and you'll be good to go.

Answer 4

Use 0n() and get email value inside the click function
<script type="text/javascript">
$(document).ready(function($) {
$("#submit").on('click', function(){
var email = $('#email_pass').val();
$.post('email_password.php',
{
'email_pass' : email
},
function(data) {
alert(data);
});
return false;
});
});
</script>