我正在使用JQuery .each()来获取名为“ required”的类的所有值。如果这些输入中的任何一个为空,我想弹出一条警告消息。一切都很好。但是,我对影响警报的方式不满意。我想使用delay()然后使用slideUp。但是,当使用delay()时,每次传递的每一步都会收到一条警报消息。使用警报时,我只想要1条警报。我尝试使用appendTo(),但是没有用。
我究竟做错了什么 ?
$(document).ready(function () {
$("#quotation.btn").mousedown(function () { // THIS IS THE SUBMIT BUTTON OMN THE FORM
$(".required").each(function () { //HERE IS THE EACH
var required = $(this).val(); // WE GRAB THE VALUES OF THE "REQUIRED FIELDS"
if (required == "") { // IF ANY OF THE REQUIRED FIELDS ARE EMPTY WE EXECUTE THE FOLLOWING:
var message = '<p class="alert alert-danger" > You have Missed Off One or More Required Fields !</p>'
$("#collapseOne").collapse('show');
$("#collapseThree").collapse('hide');
// message.appendTo($("#alertMessage")).delay(5000).slideUp(500); // THIS DOES NOT WORK !
$("#alertMessage").append(message).slideUp(10000); // THIS DOES WORK SO LONG AS I DO NOT USE DELAY() !
$(this).css({"border": "solid 2px", "color": "#ff6666"})
}
else {
$(this).css({"border": "1px solid #ccc", "background-image": "none"})
}
})
});
});
您可以在条件语句中简单地设置一个变量:
if (required == "") {
showAlert = true;
}
然后在each
语句之外,您可以检查是否需要显示警报:
if (showAlert) {
$("#alertMessage").append(message).slideUp(10000);
showAlert = false;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句