jQuery在表单提交上验证多个字段

Question

我正在尝试使用jQuery验证表单提交中的多个字段，但我无法使其工作。有人可以帮我这个吗？

// Validate checkout fields submit
$( '#checkout-data' ).submit( function( event ) {

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

Answer 1

$( '#checkout-data' ).submit( function( event ) {

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

    if ($('#checkout-data .required.invalid').length) {
        event.preventDefault();
        alert("invalid");

    }
});