用另一个变量内容创建一个变量名称

Question

每次有一个'required'类的字段被更改时，我想设置一个超时。 我原来的脚本有一个错误，如果在超时完成之前移动到另一个具有相同类的字段，它将重置它，并且只在最后一个字段执行该功能。 为了解决这个问题，我想添加特定字段的名称到定时器功能。但是，我的下面的尝试不起作用。我在想，如果每个领域都有计时器，它应该工作。 首先，我的方法是否正确？如果是的话，我在做什么错了？如果不是，我该如何实现自己的目标？

$('.required', this).bind('keyup change',function() { 
    var fieldName = $(this).attr('name'); 
    var timer[fieldName] = null; 
    clearTimeout(timer[fieldName]); 
    timer[fieldName] = setTimeout(
     function() { 
      if(!$(this).val()) { 
       $(this).nextAll('.required-prompt').first().remove(); 
       $(this).after(prompt); 
      } else { 
       $(this).nextAll('.required-prompt').first().remove(); 
       required = true; 
      } 
     } 
     , 2000 
    ); 
}); 

Answer 1

代码应该是这样的：

var timer = {}; 
$('.required', this).bind('keyup change',function() { 
    var fieldName = $(this).attr('name'); 
    clearTimeout(timer[fieldName]); 
    timer[fieldName] = setTimeout(
     function() { 
      if(!$(this).val()) { 
       $(this).nextAll('.required-prompt').first().remove(); 
       $(this).after(prompt); 
      } else { 
       $(this).nextAll('.required-prompt').first().remove(); 
       required = true; 
      } 
     } 
     , 2000 
    ); 
});