javascript - 当用户完成输入时验证用户输入

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 
}

最初发布此答案的人的所有功劳，只是复制以防有人到达这里（就像我一样）寻找解决方案。