1. submit按鈕
<input type="submit">
按鈕不在<form></form>
中不會提交表單钝侠。
2. <button>
按鈕
<button>text<button>
相當(dāng)于submit按鈕滚婉,在<form></form>
中點擊,會提交表單镐牺。
3. 阻止submit默認(rèn)事件
submit按鈕click事件中的e.preventDefault();
會阻止submit按鈕提交表單端圈。
document.querySelector('#button1').addEventListener('click',function(e){
e.preventDefault();
},false);
4. 阻止form默認(rèn)事件
form的submit事件中e.preventDefault();
會阻止表單提交焦读。
document.querySelector('#form1').addEventListener('submit',function(e){
e.preventDefault();
},false);
5. 讓submit按鈕disabled
(1)點擊前讓按鈕disabled會導(dǎo)致click事件不觸發(fā)。
document.querySelector('#button1').setAttribute('disabled',true);
(2)submit按鈕的click事件中disable按鈕舱权,會阻止表單提交吨灭。
document.querySelector('#button1').addEventListener('click',function(){
var button=this;
button.setAttribute('disabled',true);
},false);
注:
document.querySelector('#button1').addEventListener('click',function(){
var button=this;
button.setAttribute('disabled',true);
//仍然會阻止表單提交
setTimeout(function(){
button.removeAttribute('disabled');
},0);
},false);