为什么我的jQuery表单不能重新提交？

所以我已经做了几次，它已经工作，但由于某种原因，我的表单这次不会工作。当我提交表单时，jQuery使用mail.php来做一个最终的验证。然后它提交或回显错误。为什么我的jQuery表单不能重新提交？

因此，基本上，当我提交带有错误的表单时，它会用相应的错误回显它，但是当我更正这些值并尝试重新提交时，它将不会重新提交。

下面的代码：

<html> 
<head> 
    <title>Contact Form Example</title> 
    <script type="text/javascript" src="js/jquery.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      $('#email').keypress(function() { 
       p = {}; 
       p['email'] = document.getElementById("email").value; 
       $("#emailcheck").load("validate_email.php", p); 
      }); 

      $('#message').keypress(function() { 
       p = {}; 
       p['message'] = document.getElementById("message").value; 
       $("#messagecheck").load("validate_message.php", p); 
      }); 

       $('#mail').click(function() { 

        p = {}; 
        p['email'] = document.getElementById("email").value; 
        p['message'] = document.getElementById("message").value; 
        $("#body").load("mail.php", p); 

       }); 

     }); 
    </script> 

</head> 
<body> 

    <table style="display: block;" id="body"> 
     <form action="mail.php" method="POST"> 
     <tr> 
      <td align="right"> 
       <label for="email">Email:</label> 
      </td> 
      <td align="left"> 
       <input type="text" name="email" id="email" /> 
      </td> 
      <td id="emailcheck"></td> 
     </tr> 
     <tr> 
      <td align="right" valign="top"> 
       <label for="message">Message:</label> 
      </td> 
      <td align="left"> 
       <textarea rows="5" cols="30" name="message" id="message"></textarea> 
      </td> 
      <td id="messagecheck"></td> 
     </tr> 
     <tr> 
      <td></td><td><input id="mail" type="submit" value="Email" onclick="return false;"/></td> 
     </tr> 
     </form> 
    </table> 

</body>

来源

2011-08-22 Willem Ellis

mail.php返回什么？ – swordfish

你确定mail.php不只是抛出一个错误吗？如果出现问题，错误处理很少 –

就在这里：

$("#body").load("mail.php", p);

你更换整个内容#body。这包括所有绑定回调的元素，所有这些回调都会丢失。这可能只是onclick="return false;"作为#mail的行动，所以你的表单已经死了。

当您替换#body时，您可以将您的回调与live或delegate绑定或重新绑定您的所有处理程序。

来源

2011-08-22 03:26:15

您需要重新绑定的事件处理程序的按钮（#mail），或者只是使用live()。

当您重新载入HTML时，绑定到该元素的事件将丢失。

此外，p没有作用域的功能，因此将坚持这些属性，（你有没有明确其重新分配给一个空的对象文本）。

总是以var为变量定义的前缀，除非您真的需要隐含的全局（99.9％的时间您不需要）。

来源

2011-08-22 03:23:19 alex

为什么我的jQuery表单不能重新提交？

回答

相关问题