Form中button的默许提交
Form中button的默认提交
1. 当使用button标签时,不需要加入任何事件。当点击时会自动提交form表单。onsumbit的验证也会起不到作用。
2. 解决此问题,可以将button标签换成div标签。此时要添加点击事件,手动提交表单。
<form action="<%=basePath%>orderManage/saveRemark.do" method="post" id="saveOrderRemark"> <input type="hidden" id="flag" value="${flag }" /> <input type="hidden" name="businessId" value="${businessId }" /> <input type="hidden" name="businessType" value="${businessType }" /> <div class="col-xs-12"> <h3 class="header smaller lighter">备注</h3> <div> <textarea style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 69px;" id="orderRemark" name="remark" maxlength="150" class="autosize-transition form-control"></textarea> </div> </div> <div class="col-xs-12 center header"> <div id="default-buttons"> <p><!--在此应该注意button与div--> <button class="btn btn-primary" id="but_remark_save" >确认</button> <div class="btn btn-primary" id="but_remark_cancel" onclick="closeWin()">取消</div> </p> </div> </div> </form>