电子邮件验证在 jQuery 中不起作用

Question

伙计们，我想在 php 文件“validate.php”中验证电子邮件地址。但它不起作用。我没有从“validate.php”文件中得到任何响应。

jQuery 代码：

function validate_email(email){

         $.post('validate.php', {email:email}, function(data){

               $('msg').text(data);

           });
}

$('#input').focusin(function(){ 
  if($('#input').val() === ''){
     $('#msg').text("Enter Valid Email Address");
  }
  else{
       validate_email($('#input').val());
  }       
  }).blur(function(){ 
            $('#msg').text("");
}).keyup(function(){
            validate_email($('#input').val());
      });

“validate.php”代码：

<?php
if(isset($_POST['email'])){

   $email = $_POST['email']; 

   if(!empty($email)){
   if(filter_var($email, FILTER_VALIDATE_EMAIL) === false)
          echo 'Email Address is not Valid, Enter a Valid Email Address.';
   else
          echo 'Email is valid. Mubarak Ho!';

   }
  }
?>

Answer 1

检查错误日志，因为您的代码在我的服务器上运行良好

这是我的代码测试

HTML 部分

<input id="email" type="email" value="dinhphong.developer@gmail.com">
<button>Submit</button>

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

<script>

$(document).on('click', 'button', function() {
    var email = $('#email').val();
    console.log(email);
    $.post('validate.php', {email:email}, function(data){
       console.log(data);
    });
})

</script>

PHP 部分

if(isset($_POST['email'])){

   $email = $_POST['email']; 

   if(!empty($email)){
   if(filter_var($email, FILTER_VALIDATE_EMAIL) === false)
          echo 'Email Address is not Valid, Enter a Valid Email Address.';
   else
          echo 'Email is valid. Mubarak Ho!';

   }
}

我的建议：

• $('msg').text(data); 应该是$('#msg').text(data);

• F12检查javascript的错误日志

• 通过 f12 -> network -> xhr 检查 ajax 上的 php 路径并检查状态（如果您使用 chrome）

• 如果状态 == 200（表示正常）点击 validate.php 以检查 PHP 文件的响应

• 如果你修复了你的错误，别忘了反馈，它可以帮助其他人与你有同样的错误