onBlur和onFocus事件

Question

我有一个使用Phone和onblur屏蔽插件的文本框，我正在删除特定的类。 但是，在另一个字段的Tab键上，它再次变为红色。 代码如下：

<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="14" name="AltPhone" tabindex="6" type="text" value="" class="">

$("#AltPhone").blur(function () {
    $(this).removeClass('input-validation-error');
    $("label[for='AltPhone']").removeClass('input-validation-error');
});

$("#AltPhone").focus(function () {
   $("label[for='AltPhone']").removeClass('input-validation-error');
   $(this).removeClass('input-validation-error');
});

该blur功能工作正常，但focus不是。

Answer 1

请检查此代码对您有用，并告诉我。

$("#AltPhone").focusout(function () {
   $("label[for='AltPhone']").removeClass('input-validation-error');
   $(this).removeClass('input-validation-error');
});

Answer 2

正如您在控制台中看到的那样，它的工作正常。不知道，但这可能是由于您的插件引起的。如果可能，请发布一些代码。

 $("#AltPhone").blur(function () { $(this).removeClass('input-validation-error'); $("label[for='AltPhone']").removeClass('input-validation-error'); console.log("blur"); }); $("#AltPhone").focus(function () { $("label[for='AltPhone']").removeClass('input-validation-error'); $(this).removeClass('input-validation-error'); console.log("focus"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <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="14" name="AltPhone" tabindex="6" type="text" value="" class="">