js jquery 根据页面及后台信息弹出提示框

1.功能背景：

        如果某个jsp页面通过读取当前页面或者根据后台传过来的值，并判断该值，来决定是否弹出提示框。

2.实现方式：

        在jsp等前台页面，添加如下代码。通过js，jquery方式进行隐藏值的判断。

 

<%--隐藏值--%>
<input type="text" hidden id="info" name="info" value="${backinfo}">
<%--提示框--%>
<div class="alert alert-danger hide" id="alertMessage">
    <a class="close" style="font-size:x-large" data-dismiss="alert">
        &times;
    </a>
    <strong style="font-size: 15px">${backinfo}登录失效，修改密码失败，请用原密码重新登录</strong>
</div>

        js代码如下。按照自己要求注意 if 语句的判断即可。

 

<script language="JavaScript" type="text/javascript">
    //判断是否修改密码时候未登录状态
    $(function () {
        var message = $("input[name='modifyPwdMessage']").val();

        if (message == "") {
            $("#alertMessage").attr("class", "alert alert-danger");
        }
    })
</script>

 

3.最终效果：