javascript — Отображать различные сообщения оповещения о начальной загрузке в зависимости от найденной ошибки?
Я не совсем уверен, как пример этого, но здесь идет!
Я хочу добавить предупреждающие сообщения на создаваемый мной веб-сайт. Примеры можно найти здесь:
В зависимости от входных данных из формы я хочу отображать разные сообщения. Поэтому php проверяет правильность ввода и выбранных полей.
Примеры сообщений:
1) Опасность оповещения — пароль должен быть длиной от 6 до 16 символов и включать буквы и цифры
2) Предупреждение оповещения — обновите свой профиль.
Я хочу, чтобы все эти сообщения отображались в одном теге div — message-warning-display.
<div class="message-warning-display" display:"hide">
<div class="alert alert-warning">
<a href="#" class="close" data-dismiss="alert">×</a>
<strong>Warning!</strong> There was a problem with your network connection.
</div>
</div>
Я предполагаю, что это связано с тем, что php вызывает определенную функцию JavaScript, которая вызывается, а затем показывает сообщение / устанавливает отображение вместо отображения.
Решение
Один из способов сделать это будет выглядеть так:
Добавьте это к вам HTML:
<div id="alert" class="message-danger-display" style="display:none">
<div class="alert alert-warning">
<a href="#" class="close" data-dismiss="alert">×</a>
<p></p>
</div>
</div>
ВАША ЧАСТЬ JQUERY
$('YOUR FORM').submit(function(e){
$('#alert').attr('style','display:none');
$('#alert .alert p').html();
if('YOUR_DANGER_ALERT_CONDITION'){
var msg = '<strong>Error!</strong> There was a problem with your network connection.';
$('#alert .alert p').html(msg);
$('#alert').removeClass();
$('#alert').addClass('message-danger-display');
$('#alert').removeAttr('style');
e.preventDefault();
}else if('YOUR_WARNING_ALERT_CONDITION'){
var msg = '<strong>Warning!</strong> There was a problem with your network connection.';
$('#alert .alert p').html(msg);
$('#alert').removeClass();
$('#alert').addClass('message-warning-display');
$('#alert').removeAttr('style');
e.preventDefault();
}
});
Другие решения
Других решений пока нет …