jquery focusin事件没有解雇

时间:2013-08-13 10:38:01

标签: javascript jquery html asp.net

我正在验证表单输入,例如单击按钮时说出First Name。如果为空,我将类更改为

    .ValidateError
{
    border: 3px solid #ff9600;
    background: #ffebe9;
    padding: 4px 4px 5px 4px;
    color: #404040;
}

关注文本框我试图使用document.ready上的以下脚本从输入框中删除此类

  $('#divPersonalInfo input').focusin(function () {
        $(this).removeClass().addClass('input w220');
    });
});

这是html代码

    <div id="divPersonalInfo" class="PersonalInfo">

  <h2 id="hPersonal">
    Personal Information
  </h2>

  <div class="FormColumn FloatLeft">
    <label>
      first name*
    </label>
    <br />
    <input maxlength="100" id="txtFirstName" placeholder="First Name" class="input w220 "/>
  </div>

  <div class="FormColumn FloatLeft">
    <label>
      last name*
    </label>
    <br />
    <input maxlength="100" id="txtLastName" placeholder="Last Name" class="input w220"/>
  </div>

  <div class="FormColumn FloatLeft">
    <label>
      email*
    </label>
    <br />
    <input maxlength="100" id="txtPersonalEmailId" placeholder="will be seen when sending your web profile/app to your colleagues" class="input w220"/>
  </div>
</div>

但焦点在

上没有删除

1 个答案:

答案 0 :(得分:2)

如果只想删除“ValidateError”

,则应编写一个类名
$(this).removeClass("ValidateError");

顺便说一句。使用jquery,您可以像这样使用焦点

$(selector).focus(function)