自动对焦禁用的字段,将在一定的条件后启用

我有两个input字段,如下图所示。

两个输入字段

我正在尝试着重于现在禁用的下一个字段,但是在第一个字段中input字符的最大长度后,它将被启用。 启用后,我希望光标自动在下一个字段。

我使用的代码如下:

.directive('moveNext', function(){ return{ restrict: 'A', link: function($scope, element){ element.on("input", function(e){ if((element.val().length==element.attr("maxlength"))){ console.log('asdfasdf'); var tabindex = 1; var $nextelement = $('input[tabindex='+(tabindex+1)+']'); console.log($nextelement); if($nextelement){ console.log('asdf'); $nextelement.focus(); } } }); } } }); 

尝试不使用ng-disabled而是使用javascript的禁用属性。

 document.getElementById("myText").disabled = true; 

然后在你的指令下面首先将false设置为false,然后将焦点移到下一个元素上,如下所示:

 document.getElementById("myText").disabled = false; $nextelement.focus(); 

在你的案例中,重点是在摘要循环之后首先被调用,然后该字段被启用。