解决前台js弹框alert点击确定页面会刷新

本人实践经验分享,也是通过多方查询,终于把问题解决了。

问题描述

为什么 点击alert弹出的对话框中的 确定按钮之后 页面自动刷新,怎样防止不刷新?
走了不少的弯路,比如,有人说:在alert 后面 写一个 return false 页面就不会刷新了,然而并没有什么卵用。还有人说:正常情况 alert 之后页面是不会刷新的,应该是做了刷新的动作。流汗。。。还是没有解决我的燃眉之急啊~~~
最后,终于功夫不负有心人,在一个帖子的最后,找到问题原因了,话不多说,上例子:
我写了一个按钮

<script>
   function send(){
   var name = $("#name").val();
      if(name=''){
	      alert("名称不能为空!")
           return;
      }
      .....
   }
</script>
<label><span class="font-red">*</span>名称:</label>
  <input id="name" name="name" type="text"  />
<button onclick="send();">发送</button>

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

原帖: 点击alert() 确定按钮之后 页面自动刷新 .

Alt

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值