我编写此代码是为了验证结帐表单。但是有一个字段不需要必填。所有其他字段都是必需的。如何修改我的代码以排除此字段,并且仅在填写此字段且不为空时才添加类“有效”。
有人给我提示吗?
// 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' );
}
});
});
最佳答案
将 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' );
}
});
关于javascript - JQuery 从验证中排除一个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23357956/