javascript - JQuery 从验证中排除一个字段

Question

我编写此代码是为了验证结帐表单。但是有一个字段不需要必填。所有其他字段都是必需的。如何修改我的代码以排除此字段，并且仅在填写此字段且不为空时才添加类“有效”。

有人给我提示吗？

// Validate checkout fields
$( '#checkout-data input' ).each( function() {
    $( this ).change( function() {
        if( $( this ).val().length < 1 ) {
            $( this ).removeClass( 'valid' ).addClass( 'invalid' );
        } else {
            $( this ).removeClass( 'invalid' ).addClass( 'valid' );     
        }
    });
});

Answer 1

将 required 类添加到 required input fields 中，然后像这样更改代码，

$( '#checkout-data input.required' ).each( function() {
    $( this ).change( function() {
        if( this.value.length < 1 ) {
            $( this ).removeClass( 'valid' ).addClass( 'invalid' );
        } else {
            $( this ).removeClass( 'invalid' ).addClass( 'valid' );     
        }
    });
});

此外，也不需要 $.each() 之类的，

$('#checkout-data input.required').change( function() {
    if( this.value.length < 1 ) {
        $( this ).removeClass( 'valid' ).addClass( 'invalid' );
    } else {
        $( this ).removeClass( 'invalid' ).addClass( 'valid' );     
    }
});

Live Demo