javascript - 查找哪个类触发了模糊

Question

我使用以下函数执行验证:

//Validation
$('.sValidate').bind('blur', function() {
    if (!$(this).val()) {
        $(this).removeClass('short_input');
        $(this).addClass('short_input_negative');
        return false;
    }
});

我的大多数输入类都是 short_input。但其中一些也被命名为 long_input。
我如何知道 input 的哪个类触发了 blur，将其删除并添加 long_input_negative 来代替？

<input type="text" id="loginname" name="loginname" class="short_input sValidate" value="JDoe">

Answer 1

您可以使用.hasClass() 类别检测方法:

$('.sValidate').bind('blur',function(){
    if (!$(this).val()){
        if( $(this).hasClass('long_input') ) {
            $(this)
                  .removeClass('short_input');
                  .addClass('short_input_negative');
        }

        if( $(this).hasClass('short_input') ) {
            $(this)
                 .removeClass('long_input');
                 .addClass('long_input_negative');
        }
    }
});

来自关于 .hasClass() 的 jQuery 文档

Determine whether any of the matched elements are assigned the given class.

另一种方法是使用 .is()

$('.sValidate').bind('blur',function(){
    if (!$(this).val()){
        if( $(this).is('.long_input') ) {
            // do something of long_input
        }

        if( $(this).is('.short_input') ) {
           // do something of short_input
        }
    }
});

来自关于 .is() 的 jQuery 文档

Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.