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不支持必填属性。 建议您对<IE9进行检查，并改为使用CSS类检查。