2011-08-02 30 views
0

我想提交一个表单。表单是在html中我使用jquery将表单传递给一个php页面进行处理,并将json_encode传回给用户显示结果。如果我尝试在jquery提交给php的页面上添加incude xxx.php,它会杀死所有的东西。PHP包括导致jquery提交功能不工作

这里是如何勾画出: 这是主要的页面布局,包括你可以看到

<form id="jq_forgot_password" class="forgot_password" action="" method="post" name="password_form">   

<?PHP include 'widgets/recover_pass.php'; ?> 
</form> 

这是形式本身的内容形式:

<!-- Password Recovery Form--> 

    <div class="form_text"> 
    <p> 
     <label for="email">Email:</label> 
     <input type="email" id="recover_email" name="recover_email" placeholder="Enter your email address" class="field_boarder" value="" size="25px" maxlength="255"/> </p> 

    <div class="login_button_container"> 
    <input name="login_button" type="submit" class="login_button" value="Submit"/> 
    </div> 
    </div> 

这是发布表单数据并阻止默认提交按钮刷新页面的jquery脚本:

// Forgot Password Validation and Post Function 

    $(function(){ 

     $("#jq_forgot_password").submit(function(e){ 

      e.preventDefault(); 



      $.post("widgets/recover_pass_process.php", $("#jq_forgot_password").serialize(), 

      function(data){ 



       if(data.email_check == 'invalid'){ 

         $('div.message_error').hide(); 
         $('div.message_success').hide(); 
         $('div.message_error').fadeIn(); 
         $('div.message_error').html("<div'> Sorry you must enter a valid e-mail address. Try again.</div>"); 

       } else { 

        $('div.message_error').hide(); 
        $('form#jq_forgot_password').hide(); 
        $('div.message_success').fadeIn(); 
        $('div.message_success').html("<div'>You're Password has been sent to" + data.email + ". Thank you </div>"); 

        } 

      }, "json"); 

     }); 

     }); 

这是PHP文件,jQuery的提交功能提交:

<?php 



    $email_check = ''; 

    $return_arr = array(); 

    if(filter_var($_POST['recover_email'], FILTER_VALIDATE_EMAIL)) { 

     $email_check = 'valid'; 

    } 

    else { 

     $email_check = 'invalid'; 

    } 



    $return_arr["email_check"] = $email_check; 

    $return_arr["email"] = $_POST['recover_email']; 


    echo json_encode($return_arr); 

    ?> 

这一切工作正常,但如果我添加一个包含语句在recover_pass_process的顶部。 PHP的是这样的:

<?php 

    include 'func/user.func.php'; 

    $email_check = ''; 

    $return_arr = array(); 

    if(filter_var($_POST['recover_email'], FILTER_VALIDATE_EMAIL)) { 

     $email_check = 'valid'; 

    } 

    else { 

     $email_check = 'invalid'; 

    } 



    $return_arr["email_check"] = $email_check; 

    $return_arr["email"] = $_POST['recover_email']; 


    echo json_encode($return_arr); 

    ?> 

然后这一切都到尖叫即使包含的文件没有任何内容,也会停止。只是我试图包含另一个文件杀死它。

我在做什么错?先谢谢你!!

+0

确定的其他文件有什么也没有?它可能有空白的行,空格或Unicode字节顺序标记,您看不到。该文本将在json响应之前发送,使得响应不再有效的json。你有没有尝试过任何调试?查看Web浏览器中的JavaScript控制台是否有错误消息? –

+0

问题不在于包括程序员在内。 – RobertPitt

+0

测试包括我试过的文件是绝对空的,它只有,调试控制台没有错误。但不应该json_encode只发送($ return_arr)回来?哦,罗伯特皮特感谢..真的......超级有用。 –

回答

0
$("#jq_forgot_password").live("submit",function(e){ 

     e.preventDefault(); 



     $.post("widgets/recover_pass_process.php", $("#jq_forgot_password").serialize(), 

     function(data){ 



      if(data.email_check == 'invalid'){ 

        $('div.message_error').hide(); 
        $('div.message_success').hide(); 
        $('div.message_error').fadeIn(); 
        $('div.message_error').html("<div'> Sorry you must enter a valid e-mail address. Try again.</div>"); 

      } else { 

       $('div.message_error').hide(); 
       $('form#jq_forgot_password').hide(); 
       $('div.message_success').fadeIn(); 
       $('div.message_success').html("<div'>You're Password has been sent to" + data.email + ". Thank you </div>"); 

       } 

     }, "json"); 

    }); 

试试这个..