JS捕获onclick与onsubmit等事件

JS捕获onclick与onsubmit等事件

有时候，用户点击一个按钮，提交一个表单，我们需要先对用户填写的内容做验证，然后再决定是否允许用户提交。这里给出两种捕获事件，决定是否允许用户进行下一步操作的方法。

使用event.preventDefault()

<a href="" id="undo">undo</a>

document.getElementById("undo").addEventListener("click", function(e){
	var block = false
	// do some logical check
	if (block) e.preventDefault();    //stop form from submitting
});

使用return false

注意这里，在html的onclick里面，一定要使用onclick="return check()"

<a href="" id="undo" onclick="return check()">undo</a>

function check(){
	var block = false
	// do some logical check
	if (block) return false    //stop form from submitting
	else return true
}