根据发现的错误显示不同的引导程序警报消息 - Display Different Bootstrap Alert Messaages depending on error found?

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">&times;</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">&times;</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();
     }
});