类在removeClass JQuery之后不会被移除。

Question

嗨，我有一个文本框如下：

<input data-val="true" data-val-regex="Alt. Phone is not correct" 
  data-val-regex-pattern="(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}" 
  id="AltPhone" maxlength="150" name="AltPhone" tabindex="33" type="text"
  value="" class="input-validation-error">

我希望删除选项卡键上的class=“输入-验证-错误”，其代码如下：

$(document).ready(function () {
            $("#AltPhone").live('keydown', function (e) {
                var code = e.keyCode || e.which;
                if (code == 9) {
                    $(this).removeClass('input-validation-error');
                    e.stopPropagation();
                }
            });
        });

但是，我仍然无法从文本box.Here中删除该类，调用函数并调用下面的代码行，但在调用函数完成后，该类仍然出现在文本框中。

$(this).removeClass('input-validation-error');

Answer 1

有一个适当的事件来管理输入选项卡，请使用blur

$("#AltPhone").on('blur', function (e) {
      //code here
});

Answer 2

使用.keydown()事件代替。

​

$(document).ready(function () {
            $("#AltPhone").keydown(function (e) {
                var code = e.keyCode || e.which;
                if (code == 9) {
                    $(this).removeClass('input-validation-error');
                    e.stopPropagation();
                }
            });
        });

​

工作示例：https://jsfiddle.net/j2y9w1x6/

单击Tab键后，检查结果部分中的元素，以查看是否已删除验证类。

Answer 3

也许是因为这个键拦截了你的浏览器。尝试另一个键，例如ENTER。