用戶完成輸入后驗證用戶輸入

Question

用戶輸入完成后，驗證文本字段的用戶輸入的最佳方法是什么？ 我正在使用javascript / jquery。 是否有一種方法可以知道用戶何時單擊了文本字段？

Answer 1

在文本字段上實現onblur事件處理程序，當用戶選中下一個字段時將觸發該處理程序。

使用jQuery，

$('.input_selector').on ('blur', function() {
    var inpValue = $(this).val();
    //validate Code
});

Answer 2

對於所有來到這里尋找解決方案的人，請查看此答案 。

基本上：

下面的解決方案解決了這個問題，並在OP請求完成后調用X秒。 它也不再需要冗余的keydown功能。 我還添加了一個檢查，以便在輸入為空時不會發生函數調用。

//setup before functions
var typingTimer;                //timer identifier
var doneTypingInterval = 5000;  //time in ms, 5 seconds for example

//on keyup, start the countdown
$('#myInput').keyup(function(){
    clearTimeout(typingTimer);
    if ($('#myInput').val()) {
        typingTimer = setTimeout(doneTyping, doneTypingInterval);
    }
});

//user is "finished typing", do something
function doneTyping() {
    //do something 
}

對於最初發布此答案的人來說，只是復制以防有人來到這里（正如我所做）尋找解決方案。