一起添加和删除类JQuery

时间:2015-11-24 04:29:44

标签: javascript jquery asp.net-mvc

我有3个字段如下:

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

<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="input-validation-error">

<select id="BestTimeToCall" name="BestTimeToCall" tabindex="8" class="valid"><option value="Right Now">Right Now</option>
<option value="Morning">Morning</option>
<option value="Afternoon">Afternoon</option>
<option value="Evening">Evening</option>
</select>

在第一个字段的选项卡上我从第二个字段中移除'input-valication-error'类,在Shift +选项卡上从最后一个字段中移除我想做同样的事情,因为我不需要在选项卡上的第二个字段上进行验证或转移+标签 JQuery代码编写如下:

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type="text/javascript">`</script>

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

    $('#AltPhone').live('focus', function (event) {
       $(window).keyup(function (event) {
         var code = (event.keyCode ? event.keyCode : event.which);
         if (code == 9 || event.shiftKey) {
         $("#AltPhone").removeClass('input-validation-error');
         $("label[for='AltPhone']").removeClass('input-validation-error');
             }
     });
    });

我得到的结果是,它在工作表上工作顺利但在移位+制表符上显示为红色(显示验证),并在一段微秒后变为白色(验证消失) < / p>

0 个答案:

没有答案