layer.confirm出现验证框后直接刷新本页面的问题

一、代码及想要实现的效果
效果：点击删除按钮时，弹出验证框，当点击确认后才执行删除操作

<button class='bg-danger' id='del' value='10001' >删除</button>

 $("#del").live("click", function () {//删除
                  layer.confirm("确定删除吗？", {
                      btn: ["确认", "取消"] //按钮
                  }, function (index) {
                      layer.close(index);
                      var userId = $("#del").val();
                      $.ajax(
                      {
                          type: "post",
                          url: "../Ajax_Handle/XXXX.ashx?action=delXXX",
                          data:{ "userId": userId },
                          beforeSend: function () {
                              //禁用按钮防止重复提交
                              $("#submit").attr({ disabled: "disabled" });
                          },
                          async: false,
                          success: function (data) {
                              if (data.code === 2000) {
                                  layer.msg("删除成功", {
                                      icon: 1,
                                      success: location.reload()
                                  });
                              }
                              else {
                                  layer.msg(data.msg);
                              }
                          },
                          complete: function () {
                              $("#submit").removeAttr("disabled");
                          },
                          error: function () {
                              layer.msg("提交失败，请联系系统管理员");
                          }
                      });
                  });
              }
          );

二、解决方案
给button标签添加type=‘button’

<button  type="button" class='bg-danger' id='del' value='10001' >删除</button>

三、出现问题的原因

button标签的type属性包括submit(提交按钮)、button(可点击的按钮)、reset(重置按钮)。
Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是"submit"。

submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成
1.提交两次的效果，对于动态网页来说，也就是对数据库操作两次，
2.还会在有局部刷新的html页面中进行页面刷新并且把数据提交到url地址中。
或者在使用submit时验证时加return true或false。

submit和button的区别

submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单。
两者主要区别在于：
submit默认为form提交，可以提交表单（form）。button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情。