更改为错误类别

问题描述

我需要验证输入框中字符串的长度。 如果字符串无效，则将触发onb??lur事件。 触发此事件时，它必须将与触发器关联的对象的标签设置为红色。 但是，存在一个包含样式的css类，因此我只需要将该类更改为该类。
前缀是传入的一些值。这是示例代码。

var input = $(this).val();
var findLabel = document.getElementById`enter code here`(prefix+'findLabel');
if(input.length < min || input.length > max){
    //alert is to check the values for testing
   alert('Value for selected country '+selectedCountry+' must be between '+min+' and '+max+' characters');
}

例

<div class="Value_s123" id="a1Values123" style="float:left;">
    <span class="avalue" id="a1value">
        <label class="classOff" id="a1ValueLabel">some value</label>
        <span style="white-space: nowrap;">
            <input id="a1CatchValue" maxlength="15" name="a1Value" onblur="requiredFieldValidation(&#34;a1Postal&#34;)" size="15" tabindex="13" type="text"><img alt="Required" height="9" id="a1ValueReqdImg" src="/img/icn_dia.gif" width="11">
        </span>
    </span>
</div>

我需要获取a1ValueLabel和类classOff并将其设置为classON

这是我想出的。 每当有人键入内容时，该脚本就会运行，一旦超过5个字符，该脚本就会将class“ classOn”添加到label标记中。 如果字符数不超过5个，它将删除“ classOn”并添加“ classOff”类。

但是，如果要在多个项目上运行此脚本，则这不是一种可持续的方法。

$(document).ready(function(){
    $('#a1CatchValue').on('keyup',function(){
        if ($(this).val().length > 5) {
            $('#a1ValueLabel').removeClass('classOff');
            $('#a1ValueLabel').addClass('classOn');
        }
        else {
            $('#a1ValueLabel').removeClass('classOn');
            $('#a1ValueLabel').addClass('classOff');
        }
    });
});