0

新问题/答案

我正在使用 HTML5 占位符 polyfill，它导致 ie9 将输入的占位符文本设置为值。因此，虽然在 HTML5 浏览器中 val 属性为空，但在下面的代码中，ie9 将其视为已填充。

我正在使用 jQuery 来确保填写所有字段。这在 ie10、webkit 和 mozilla 中运行良好，但在 ie9 中失败。

我在这里做错了什么，为什么这段代码不能在 ie9 中工作？

谢谢！

$('#quoteform .button.next').on('click',function(){
    var $me = $(this),
        $myParent = $me.parent(),
        $nextStep = $myParent.nextAll('fieldset:not(.disabled)').first(),
        validate;

    // If we're on step2, make sure all fields are filled in            
    if($me.is('#quote-step2 .button') || $me.is('#quote-step1 .button')) {
        $me.parents('fieldset').find('input:visible').each(function(){
            var $me = $(this),
                myVal = this.value;

            if(myVal === '') {
                $me.parent().addClass('warning');
                validate = false;
                return;             
            } else {
                if(typeof validate === 'undefined')
                    validate = true;
            }
        });
    }

    if(validate === false) {
        alert('Please fill out all fields before continuing.');
        return false;
    }

    switchView($nextStep, $myParent);
});
4

1 回答 1

2

我遇到了类似的问题，我的解决方法是除了测试空值之外，还针对占位符字符串测试该值。由于 polyfill 将输入的值替换为占位符字符串，因此空值是 IE9 中占位符的值。

    $me.parents('fieldset').find('input:visible').each(function(){
        var $me = $(this),
            myVal = this.value,
            myPlaceholder = $me.attr('placeholder');

        if(myVal === '' || myVal === myPlaceholder) {
            $me.parent().addClass('warning');
            validate = false;
            return;             
        } else {
            if(typeof validate === 'undefined')
                validate = true;
        }
    });
于 2013-05-30T23:57:54.223 回答