js中click事件导致当前页面重新加载

johnhuster的分享

发布于 2022-03-29 14:15:41

7.4K0

发布于 2022-03-29 14:15:41

文章被收录于专栏：johnhuster

下面的js代码是很常见的一段jquery代码

  $("#verifyFailConfirm").click(function(){
    var reason = $("#failReasonText").val();
    if(reason == ""){
    tips("提示","请填写驳回原因");
    return ;
    }

本意是计划用户不输入任何信息时，直接返回，但是实际结果却是没有任何提示而页面却无故重新加载，导致这个问题的原因是上面标红部分，上面标红部分的作用类似于return true，这句话就会导致当前页面重新加载，下面是正确的代码：

  $("#verifyFailConfirm").click(function(){
    var reason = $("#failReasonText").val();
    if(reason == ""){
    tips("提示","请填写驳回原因");
    return false;
    }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017/08/14 ，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery