用户完成输入后验证用户输入

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 
}

对于最初发布此答案的人来说，只是复制以防有人来到这里（正如我所做）寻找解决方案。