请问：如何退出alert警告并退回输入框

[leetow2006]

我在输入框输入名称，然后用ajax判断该名称是否已经在数据表中存在，
如果已经存在就发出警告，并重新输入。可是我的alert一直在页面不能
退出，请看：
<p class="STYLE2">加盟店名称
<input name="uname" type="text" id="uname" onblur="this.value=Sw(this.value)" />
</p>

<script language="Javascript">
function Sw(str) {
　 　 str1=str.replace(/\s+/g, ""); //去掉所有空格
var inputItem=document.getElementById("uname");
if(!inputItem.value.trim())
{
alert("不能为空");
inputItem.value="";
inputItem.focus();
}
else
{
//判断是否名称重复
var xmlhttp;
var url="getstorefromname.php"; //这个程序是判断名称是否重复，如果重复，返回"Y"
url=url+"?cname="+str1;
xmlhttp = new XMLHttpRequest();

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
rtstr =xmlhttp.responseText;
if(rtstr=="Y")
{
alert("名称重复");
inputItem.focus();
}
}
};
return str1; //返回名称
}
}

</SCRIPT>
我输入重名后，有弹出“名称重复”页面，可是我按确定或按框上的“X”，这个页面不能退出，请问我错在哪了？

[卧龙派]

别用alert了，自己写一个消息插件不是更好，去我博客里边看看，有教程 《用原生js写一个弹窗消息提醒插件》, https://blog.csdn.net/zfzhuman123/article/details/90411793

[leetow2006]

代码很长，有没有简单点的？因为我的程序只是显示下就可以了。我上网搜索，代码也都是很长的，我想有没有短点的代码

[ღ简单]

楼主大大，模拟个弹出框并不复杂，来个事件，控制显示隐藏，再css3动画，跟alert可以一模一样。

[河南棒小伙]

因为alert的东西是阻断型的，没办法代码关闭，如果仅仅要实现警告一下的话，建议使用div模拟，然后几秒后自动消失，或者使用其他插件，比如jQuery的toast插件，像vue使用饿了么库中的notify，或者其他的这种库，使用简单，样式还好看，本质也是用创建div然后填入内容，插入到body下面，position:absolute；然后放到你想要的位置，多长时间之后会自动消失，就是提醒一下用户，功能足够了。

[lllomh]

别用 系统自带的对话框，浏览器自带的是没法控制关闭的。自己写一个或者用个ui插件不就好了吗！ 希望采纳！

[leetow2006]

使用div模拟，然后几秒后自动消失
===================
能否帮我写一个？谢谢。（我没有用jQuery）

[卧龙派]

引用 5 楼 leetow2006的回复:

代码很长，有没有简单点的？因为我的程序只是显示下就可以了。我上网搜索，代码也都是很长的，我想有没有短点的代码

封装插件，用的时候只是调用，一行代码而已也长？

[卧龙派]

引用 5 楼 leetow2006的回复:

代码很长，有没有简单点的？因为我的程序只是显示下就可以了。我上网搜索，代码也都是很长的，我想有没有短点的代码

封装插件，用的时候只是调用，一行代码而已也长？

[leetow2006]

感觉很难，不知道是否有现成的，最好代码不要太长