onBlur和onFocus事件

时间:2015-11-23 10:35:04

标签: javascript jquery asp.net-mvc

我有一个文本框正在使用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不是。

1 个答案:

答案 0 :(得分:0)

正如你在控制台中看到它的工作正常。不知道但可能是因为你的插件。如果可能的话请发一些代码。

$("#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="">