Form中包含button,点击button出问题

提问 已结 11 1696
潘宏智
潘宏智 2017-10-13
悬赏:20飞吻
版本:layui 2.x 浏览器:chrome最新版
Form中包含button,点击button有时会发生莫名其妙跳转页面问题,把form中输入框设为必填就不会出现了
这样点击选择可以弹出对话框

这个输入框录入值以后

就会跳转页面报404错误
回帖
  • 爱咖啡
    2017-10-13

    type不填写,或者填写submit类型都会提交表单(可能默认就是submit类型),可自行测试
    0 回复
  • 潘宏智
    2017-10-13
    将button的type设成button解决了
    2 回复
  • 事件绑定的结束位置添加return false阻止跳转,有时间多看看文档 http://www.layui.com/doc/modules/form.html#onsubmit
    0 回复
  • 寶寶耐吖
    2017-10-13
    同一个form当中存在多个botton的时候,会触发提交功能,可以把不想作为提交的按钮改为a标签,或者加上不同的lay-filter,用监听事件分别操作不同的按钮
    0 回复
  • 寶寶耐吖
    2017-10-13
    同时监听中加入return false;
    0 回复
  • 爱咖啡
    2017-10-13
    你把form内的代码贴一下呀,不然谁知道你什么情况,另外我也碰到这个情况,我只要有button就会自动提交表单,但是把button换成a标签就可以避免这个问题,具体原因没有找到答案,原生也是如此。
    0 回复
  • 潘宏智
    2017-10-13
    感谢以上各位,问题解决,开始使用的$("#selectPackage").click(function () {}绑定事件,现在换成lay-filter了,等下再试试 把按钮改成<a>标签
    0 回复
  • 爱咖啡
    2017-10-13
    说错了,应该是:input type="submit" button type="submit"都会自动提交表单,是根据form action="xxxx"进行跳转,如果没有填写则当前连接跳转,如果填写则对应跳转
    0 回复
  • 潘宏智
    2017-10-13
    感谢 @爱咖啡 换成lay-filter点击的时候会进行校验,我试试修改下type
    0 回复
  • 爱咖啡
    2017-10-13
    @潘宏智 恩恩
    0 回复
本帖已设置禁止回复