Question

我有下面的代码在页面加载运行。我只想在用户完成在文本框中写入时运行它。

代码是：

$(document).ready(function() { 
     $("#user_email").on('change keyup paste', function() { 
      $.post('/users/check_email?email=' + $("#user_email").val(), function (data) { 
       console.log(data); 
      }); 
     }); 
    }); 

文本字段：

<%= f.email_field :email, :type=>"email" %> 

我不想在页面加载，但是当用户键入的东西在里面，那么它应该做的工作，阿贾克斯运行它。

此外，如果用户写1或3个字符，它开始发送ajax。我需要检查电子邮件，以便如何处理此用例？

更新

重要的问题是我在文本框救了我的电子邮件，类似的形式自动填写信息，这样当页面加载时，它发送Ajax请求，并开始显示XYZ电子邮件已经存在于系统中。 我不想在第一次加载页面时发送ajax请求，但我想在有人编写并完成写入电子邮件时使其工作。

Answer 1

检查输入的值的长度，检查它是否是> 3，只比发送一个AJAX请求：

$(document).ready(function() { 
 
    $("#user_email").on('keyup change', function() { 
 
    var enteredValue = $(this).val(); 
 
    if (enteredValue.length > 3) { 
 
     $.post('/users/check_email?email=' + enteredValue, function(response) { 
 
     console.log(response); 
 
     }); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id='user_email' type='text' />

Answer 2

试试这个代码：

$(document).ready(function() { 
    $("#user_email").on('change keyup paste', function() { 
     $.post('/users/check_email', { email: $("#user_email").val()}, 
      function(data){ 
       console.log(data); 
     }).fail(function(){ 
       console.log("error"); 
     }); 
    }); 
});