layui弹出层没有输入任何值就提交并在页面嵌套父级页面

今天用layui的弹出层插件，发现了的问题：没有输入任何值就提交并在页面嵌套父级页面

原因是使用了：

HTMLlayui.code
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">密码框</label>
    <div class="layui-input-inline">
      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-word-aux">辅助文字</div>
  </div>

  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

我在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填

解决办法：

1-----将from表单换成：

<div  class="layui-form" >
    代码：
</div>

2-：给button指明类型:type = "button"，因为在form表单中的button默认type = "submit"，改为button就没有表单的默认事件

其他请继续百度。。。。