Buttn点击后刷新页面的解决方法
背景:
今天在编写一个新增页面的时候点击新增按钮 页面整个刷新了
因为添加了校验虽然有校验效果
但点击新增按钮后整个页面刷新 校验提示也被刷没了
错误代码:
<button class='my_btn' onclick="fu_name()">新增</button>
// 点击后刷新button所在的页面
解决方法:
方法一: 添加属性 type='button'
<button type='button' class='my_btn my_btn_sure' onclick="save()">新增</button>
// 原因: IE浏览器中type默认值为button 但其他的浏览器默认值为submit
// 推荐:type属性一要指定值 (很多人会省略 包括我~~~~ 长记性了))
方法二: 使用input代替button标签
<input type="button" class="my_btn my_btn_sure" onclick="save()" value="确定">
// 表单里面有时候是这么写的- -
方法三: 使用a代替button标签
<a class='my_btn' onclick="save()">新增</a>
// 经常用a标签做按钮来着- -
第一个方法是解决button标签本身点击刷新的问题
后两个方法是标签替代方案达到按钮同样效果