onsubmit事件之form验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
<!--方法一:onclick='return check()'-->
<!--<form id="fo" onsubmit='return check()'>-->
<!--方法二:<!--onsubmit="check(event)"-->-->
<!--<form id="fo" onsubmit='check(event)'>-->
<!--方法三:通过获得标签对象的方式-->
<form id="fo" onsubmit='check(event)'>
<input type="text" name="username">
<input type="submit" value="submit">
</form>
<script>
//方法一:有返回值
// function check() {
//
// alert('check falure!');
// return false;
// }

//2方法二:加event参数,阻止向后端提交数据
function check(event) {
event.preventDefault();

}
//方法三:通过获得标签对象的方式
var form_=document.getElementById('fo');
form_.onsubmit=function () {
alert(111);
return false;
// event.preventDefault();
}
</script>

</body>
</html>
原文地址:https://www.cnblogs.com/startl/p/12257767.html