Validation for logo upload in plp,pdp,quickview pages

On pdp, quickview,edit cart page when we select upload logo option, and not upload any logo the user needs to get a validation message to upload a logo. Also only after uploading logo add to cart button should enable after uploaded image

 setLogoOption: function (e) {
                        try {
                            let value = e.currentTarget.value;
                            let name = e.currentTarget.name;
                            if (name === 'custcol_tag_logo_option') {
                                if (value !== '') {
                                    $('.logo-option').show();
                                    $("#in-modal-fileuploadfields").val('')
                                    $('.msgafteruploadfields').html('')
                                    if (!($('.logo-error-message').text())) {
                                        $('.fileformaterrormessages').append('<span class="logo-error-message">Please upload logo before add to cart</span>');
                                    }
                                    _.delay(() => {
                                        $('[data-type="add-to-cart"]').attr('disabled', true);
                                    }, 100)
                                } else {
                                    $('.logo-option').hide();
                                    $('.logo-error-message').remove();
                                    _.delay(() => {
                                        $('[data-type="add-to-cart"]').attr('disabled', false);
                                    }, 100)
                                }
                            }
                        } catch (error) {
                            console.error('Error @ setLogoOption', error);
                        }
                    },

 jQuery('.msgafteruploadfield').show();
                                            var msgContainerParent = jQuery('.msgafteruploadfield');
                                            msgContainerParent.html(global_view_message.render().$el.html());
                                            $('[data-type="add-to-cart"]').attr('disabled', false);
                                            $('.logo-error-message').remove();

Leave a comment

Your email address will not be published. Required fields are marked *