jQuery验证表单提交中的多个字段

jQuery Validate multiple fields on form submit

本文关键字:字段 验证 表单提交 jQuery      更新时间:2023-09-26

我正在尝试使用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();
});
$( '#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");
    }
});