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"); 
     }); 
    }); 
});