jQuery每个都不能在IE9中工作

Question

我有以下代码为on click函数中的表单添加一些验证。

    $(this).parent().find('input[type=text]:required').each(function() {
        alert('each');
        if($(this).val() == '') {
            $(this).css('border-color', '#df8f8f');
            required_missing = true;
        } else {
            $(this).css('border-color', '#eeece4');
        }
    });

此代码上方的警报有效，但其中的警报不会出现在IE9中。我有一种偷偷摸摸的怀疑，它可能是:required伪选择器，IE有替代品吗？

Answer 1

请改为尝试：

$(this).parent().find('input[type=text][required]').each(function() {

或：

$(this).parent().find('input[type=text]').each(function() {
    if($(this).attr('required')) {
        alert('each');
        if($(this).val() == '') {
            $(this).css('border-color', '#df8f8f');
            required_missing = true;
        } else {
            $(this).css('border-color', '#eeece4');
        }
    }    
});

Answer 2

IE9不支持必需的属性。建议你检查＆lt; IE9并替换为css类检查。