遇到一个表单提交的问题

Question

大家好，我今天遇到一个比奇怪的问题，问题是，提交一个表单 做update 更新操作，

 <input type="submit" value="保存" class="btn_save" onclick="saveUpdate();" />

form表单，内容省略掉

 <form id="updateCostForm" action="updateCost" method="post">...</form>

不论我在js里面如何的验证表单，即使提交表单错误，alert(请正确填写表单') 表单也提交成功，并且将表单更新成功.

 if(baseFlag && durationFlag && unitFlag && DesrFlag && nameFlag){
         $("#updateCostForm").submit();
    }else{
        alert('请正确填写表单');
        return;
    }

很郁闷，不知道怎么回事？请大神赐教。谢谢！

Answer 1

type="submit"
它會提交另一次, 把它拿掉，或是

把 onclick 改為
$('#updateCostForm').on('submit'，saveUpdate);

Answer 2

更神奇的是你不写js也能提交！type=submit不是普通按钮，点击后将会向action地址发送数据！解决：使用普通按钮替代submit，或者在js里写event.preventDefault()来阻止按钮的默认行为

Answer 3

https://segmentfault.com/q/10...