首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >onBlur和onFocus事件

onBlur和onFocus事件
EN

Stack Overflow用户
提问于 2015-11-23 18:35:04
回答 2查看 160关注 0票数 1

我有一个textbox,它使用了手机和onblur的屏蔽插件,我正在删除一个特定的类。然而,在tab键上,从另一个字段,它再次变成红色。代码如下:

代码语言:javascript
运行
复制
<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="">
代码语言:javascript
运行
复制
$("#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并非如此。

EN

回答 2

Stack Overflow用户

发布于 2015-11-23 18:42:16

请检查此代码将为您工作,并让我知道。

代码语言:javascript
运行
复制
$("#AltPhone").focusout(function () {
   $("label[for='AltPhone']").removeClass('input-validation-error');
   $(this).removeClass('input-validation-error');
});
票数 1
EN

Stack Overflow用户

发布于 2015-11-23 19:21:05

正如你在控制台中看到的,它工作得很好。不知道,但这可能是因为你的plugin.If可能,请发布一些代码。

代码语言:javascript
运行
复制
$("#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");
});
代码语言:javascript
运行
复制
<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="">

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33868880

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档