Question

登录时，表单中是否会弹出一条消息而不是警告弹出消息？我希望它只显示一条消息，登录成功，然后消失然后重定向，而不是弹出屏幕。

alert("Login successful.")

Answer 1

本地没有。

你在想一个模态。查看https://jqueryui.com/dialog/#modal-message

上的jquery UI模式对话框示例

Answer 2

这是自定义消息框的简单示例。您可以随意设计

https://jsfiddle.net/mba25ma8/1/

HTML：

<div id="messageBox">Loggin successfull</div>
<input type="text" placeholder="Login name">
<button>Login</button>

的CSS：

#messageBox {
display:none;
background-color: blue;
border: 1px solid #abc;
color: white;
position: fixed;
padding: 20px;
top:0;
left: 50%;
height: 50px;
}

jQuery的：

$(function(){
   $("button")
   .on("click", function(){
       $("#messageBox")
       .slideDown("fast",function(){
          $(this).delay(2000).slideUp("fast");
       });

    // redirect to new page here

   });

});

jquery消息而不是alert

2 个答案: