使用 JQuery 的 PHP 表单处理不起作用

Question

我正在使用PHP 和JQuery 处理一个表单，但它没有按照正常的方式处理。我的HTML 是：

    <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>

我的JQuery 代码与HTML 代码在同一页面中：

<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>

我在email_password.php 上的PHP 代码：

<?php


    $email = $_POST['email_pass'];

    if(empty($email)){
        echo  'empty';  
    } else {
        echo 'Not'; 
    }
?>

这里的问题是它总是用empty 提醒我，即使我在text box 中输入了一些内容

我什至尝试过这种方式：

 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';  
    }
}

通过尝试这种方式，它会以Email is empty 提醒我。请帮忙

Answer 1

使用0n()并在点击函数中获取email值

<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>

Answer 2

问题是您使用 jQuery 进行了 $_POST 调用，并在该函数中以新名称 email_pass“发布”。更新您的 PHP 文件以引用 $_POST['email_pass']，然后您就可以开始了。

Answer 3

当您尝试捕获字段值时，它必须是相同的名称。您在表单中的名称是“email_pass”，而在您的 PHP 代码中您正在等待“email”

这应该是：

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';  
    }
}

对不起我的英语：s

Answer 4

使用此代码

<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>