为什么我的提交按钮隐藏,即使消息没有'我没有收到

Why is my submit button hiding even when the message don't get sent?

本文关键字:消息 按钮 提交 我的 隐藏 为什么      更新时间:2023-09-26

知道为什么我的提交按钮被隐藏了,不管是什么(消息成功发送还是未发送)。

当消息没有发送时,我可以看到#error_message出现(这是正常的),但我希望提交按钮仍然可见(以允许用户进行其他尝试)

感谢

$(document).ready(function() {
        $('#contact_form').bootstrapValidator({
            feedbackIcons: {
                valid: 'fa fa-check',
                invalid: 'fa fa-times',
                validating: 'fa fa-refresh'
            },
            fields: {
                first_name: {
                    validators: {
                            stringLength: {
                            min: 2,
                        },
                            notEmpty: {
                            message: 'Veuillez indiquer votre prénom'
                        }
                    }
                },
                 last_name: {
                    validators: {
                         stringLength: {
                            min: 2,
                        },
                        notEmpty: {
                            message: 'Veuillez indiquer votre nom'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: 'Veuillez indiquer votre adresse e-mail'
                        },
                        regexp: {
                        regexp: '^[^@''s]+@([^@''s]+''.)+[^@''s]+$',
                        message: 'Veuillez indiquer une adresse e-mail valide'
                                }
                    }
                },
                message: {
                    validators: {
                          stringLength: {
                            min: 10,
                            max: 1000,
                            message:'Votre message doit faire plus de 10 caractères et moins de 1000.'
                        },
                        notEmpty: {
                            message: 'Veuillez indiquer votre message'
                        }
                        }
                    }
                }}).on('success.form.bv', function (e) {
                e.preventDefault();
              $('button[name="submit"]').hide();
              var bv = $(this).data('bootstrapValidator');
              // Use Ajax to submit form data
              $.post($(this).attr('action'), $(this).serialize(), function (result) {
                  if (result.status == 1) {
                      $('#success_message').slideDown({
                          opacity: "show"
                      }, "slow")
                      $('#contact_form').data('bootstrapValidator').resetForm();
                  } else {
                        $('#error_message').slideDown({
                          opacity: "show"
                      }, "slow")              }
              }, 'json');
          }
            );
    });

您在按下提交$('button[name="submit"]').hide(); 后将其隐藏

当出现错误时,您可以再次显示该按钮

$.post($(this).attr('action'), $(this).serialize(), function (result) {
    if (result.status == 1) {
        $('#success_message').slideDown({
            opacity: "show"
        }, "slow")
        $('#contact_form').data('bootstrapValidator').resetForm();
    } else {
        $('#error_message').slideDown({
            opacity: "show"
        }, "slow")     
        // show the button again
        $('button[name="submit"]').show();         
    }
}, 'json');