为什么我的提交按钮隐藏,即使消息没有'我没有收到
Why is my submit button hiding even when the message don't get sent?
知道为什么我的提交按钮被隐藏了,不管是什么(消息成功发送还是未发送)。
当消息没有发送时,我可以看到#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');
相关文章:
- 如何在asp.net按钮上显示Bootstrap Autocloseable警报消息
- 如何显示没有按钮且在指定时间段后消失的消息框
- 当用户单击保存按钮时,标签会显示一条消息
- 我该怎么做才能防止在用户单击后退按钮时出现咆哮消息
- 如何在 jquery 中的速率按钮下方显示消息状态
- 在单选按钮验证中同时显示错误消息
- 如何在php中添加按钮而不是错误状态和成功消息
- 点击按钮dons'它在IE9中不起作用,但没有错误消息(它在chrome中起作用)
- Laravel提交按钮上的确认消息
- 单击“点赞”按钮时显示消息
- 按钮上的数据加载消息无法与ajax调用一起工作
- 如何在javascript中按下后退按钮时显示警报消息
- 如何让窗口消息保持不变,直到用户单击按钮才离开页面
- 阻止使用引导框提交按钮,确认并在消息上显示其值
- 在 JavaScript 警报消息框的“确定”按钮上分配一个值
- 如何连续按下 2 个按钮时输出消息
- 获取提交按钮的值,以作为 JavaScript 中警报消息的条件
- 单选按钮单击删除错误消息 jQuery
- 有没有可能的方法可以在一次ASP按钮单击中同时显示JavaScript和服务器端代码中的消息
- 如何浏览媒体播放器主题上的下一个和上一个消息按钮