0

可能重复：
jquery ajax 返回：未定义

我编写了以下代码来检查电子邮件是否已存在或不使用 jquery 和 jquery validate.jquery 用于电子邮件格式验证。我在jquery 函数中调用了 ****check-email.php** 文件。即使我的数据库中存在电子邮件地址，该操作也被调用并指向仪表板页面。实际上它不应该指向下一页，因为电子邮件已经存在。我的**“return false;” 在 jquery 函数中没有效果。即使它存在于 db 中，它也会转到下一页。我没有得到我错的地方？？？

这是我的代码

index.html:-

<form name="mysignupform" id="mysignupform" class="form-horizontal"  action="Dashboard" method="post">
  <div class="control-group">
    <label class="control-label" for="inputEmail" >Email</label>
    <div class="controls">
      <input type="text" name="email" id="inputEmail"  placeholder="Email" >
    </div>
  </div>
  <br/>
  <div class="control-group">

    <label class="control-label" for="inputPassword" >Password</label>

 <div class="controls">

 <input class="password" type="password" name="password" id="inputPassword" placeholder="Password">


    </div>

    </div>


    <div class="controls">
      <input type="hidden" id="body" name="body" value=""></input>
    </div>

  <div class="control-group">
    <div class="controls">

      <button type="submit" name="submit" id="signupsubmit"class="btn btn-inverse" onsubmit="return function(e)">Go to Dashboard</button>
    </div>
  </div>

</form>

我的jQuery函数： -

<script>
         $(document).ready(function(){ //newly added 

           $('#signupsubmit').click(function() 

         {
             alert('in');

             var emailVal = $('#inputEmail').val(); // assuming this is a input text field

             alert(emailVal);
             $.post('check-email.php', {'email' : emailVal}, function(data) {

             if(data=='true') return false;
             else $('#mysignupform').submit();

          });

       });

    });
</script>

我的支票-email.php:-

 $con = mysql_connect("localhost","root","");

   if (!$con)
  {
     die('Could not connect: ' . mysql_error());
  }
       mysql_select_db("mojiva", $con);

       $sql = "SELECT email FROM user_info WHERE email =".$_POST['email'];

       $select = mysql_query($sql,$con);

       $row = mysql_num_rows($select);

            if ($row > 0)  
          {
            echo 'true';  
          }
             else 
          {
             echo 'false';
          }

?>

我在 $('#signupsubmit').click(function() 之后立即在 jquery 函数中尝试了 true false，此时此函数返回 true 有效。但是当 post 被调用时，它没有任何返回 false 的效果。

4

3 回答 3

1

这可能是因为 return false 不是指表单而是指点击事件。

在表格上：

<form name="mysignupform" id="mysignupform" class="form-horizontal"  action="Dashboard" method="post" onsubmit="email_check($('#inputEmail').val())" >

然后对于 JQuery：

<script>
         $(document).ready(function(){ //newly added 

          function check_email(emailVal){ 

         {
             alert('in');

             alert(emailVal);
             $.post('check-email.php', {'email' : emailVal}, function(data) {

             if(data=='true') return false;
             else return true;

          });

     }
    });
</script>
于 2012-10-22T13:12:13.320 回答
0

如果要停止表单提交，需要防止点击冒泡：

$('#signupsubmit').click(function(e) {
    e.preventDefault();
    // do your ajax here
}
于 2012-10-23T02:36:39.003 回答
0

尝试通过将“类型”从提交更改为按钮来更改此行。

<button type="button" name="submit" id="signupsubmit" class="btn btn-inverse" onsubmit="return function(e)">Go to Dashboard</button>
于 2012-10-22T13:25:00.600 回答