解决前台JS弹框Alert点击确定页面会刷新


问题描述

点击alert弹出的对话框中的确定按钮之后页面自动刷新,怎样防止不刷新?

示例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="jquery-3.5.1/jquery-3.5.1.js"></script>
    <title></title>
    <script>
        function send() { var name = $('#name').val(); if (name == '') { alert('name不能为空') return false; } } </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="name" type="text" />
            <button onclick="send();" type="button">按钮</button>
        </div>
    </form>
</body>
</html>

有人说:在alert 后面 写一个 return false 页面就不会刷新了;还有人说:正常情况 alert 之后页面是不会刷新的,应该是做了刷新的动作,然而并没有什么卵用。

点击按钮的时候,执行send()方法,弹出alert提示框,然后页面就自动刷新了。原因是button缺少type类型,加上 type=“button” 就好了,本以为button本身就是按钮,不需要再声明它的类型了,这才导致了这次的问题。

 

原文链接:https://blog.csdn.net/bxj19890514/article/details/82771380

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM