根据发现的错误显示不同的引导程序警报消息
Display Different Bootstrap Alert Messaages depending on error found?
我不太确定如何举例,但下面是!
我想将提醒消息添加到我正在创建的网站中。示例如下:
警报消息示例
根据表单的输入,我希望显示不同的消息。因此php检查正确的输入和选择的字段。
消息示例:
1) 警报危险-密码长度必须在6到16个字符之间,并包括字母和数字
2) 警报警告-更新您的个人资料。
我希望所有这些消息都显示在同一个div标记-消息警告显示中。
<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();
}
});
相关文章:
- Html引导程序警报自动关闭困难
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- Twitter引导程序Typeahead-Id&标签
- 引导程序崩溃一次只能看到一个
- 引导程序/基础堆叠行/列
- 如何保持引导程序下拉复选框列表下拉
- .aspx页面上引导程序中的动态选项卡
- 菜单栏class=活动引导程序主题无法正常工作
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- 如何在引导程序元素的顶部添加掩码
- 如何平滑地设置twitter引导程序进度条的动画
- 如何在模式弹出窗口中使用引导程序日期和时间选择器
- 引导程序转盘不工作:堆叠图像(使用rails)
- datepicker引导程序再次初始化
- Nano Scroller在引导程序DropDown和Model Box中不起作用
- 引导程序引导盒在消息中显示变量
- 引导程序引导框在表单文本字段中的消息中显示变量
- 根据发现的错误显示不同的引导程序警报消息
- 如何在ajax成功方法中显示引导程序成功消息()
- 在确认消息 onclick() 时使用引导程序