TA貢獻1826條經(jīng)驗 獲得超6個贊
false
HTML
<form onsubmit="return mySubmitFunction(event)"> ...</form>
劇本
function mySubmitFunction(){
someBug()
return false;}falsepreventDefault
function mySubmitFunction(e) {
e.preventDefault();
someBug();
return false;}try...catch
function mySubmit(e) {
e.preventDefault();
try {
someBug();
} catch (e) {
throw new Error(e.message);
}
return false;}
TA貢獻1825條經(jīng)驗 獲得超4個贊
onsubmit
<form onsubmit="alert('stop submit'); return false;" ><script>
function toSubmit(){
alert('I will not submit');
return false;
}</script><form onsubmit="return toSubmit();" >
這兩種方法都是正確的，但它們中沒有一種本身是“最佳”的，開發(fā)人員選擇使用這兩種方法可能是有原因的。
TA貢獻1155條經(jīng)驗 獲得超0個贊
.addEventListener().preventDefault()event:
const element = document.querySelector('form');
element.addEventListener('submit', event => {
event.preventDefault();
// actual logic, e.g. validate the form
console.log('Form submission cancelled.');
});
<form>
<button type="submit">Submit</button>
</form>
submitonsubmit
.onsubmitform
舉報