第一种方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form onsubmit="return func1()"> // 这里的onsunbmit 在函数前面加了个RETRUN
<input type="text" name="us" id="inp">
<input type="submit" value="提交" id="sub">
</form>
<script>
var inp=document.getElementById("inp");
function func1() {
if (inp.value.length<5){ // 判断输入框输入的如果大于5个字符就通过验证, inp.value 就是 us="" 的值
alert("验证失败!");
return false;
}
}
</script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------------------------
第二种方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form id="form"> // 找到form 标签
<input type="text" name="us" id="inp">
<input type="submit" value="提交" id="sub">
</form>
<script>
var inp=document.getElementById("inp");
var ff=document.getElementById("form"); // 用绑定函数的方法
ff.onsubmit=function (ev) {
if (inp.value.length<5){
alert("验证失败!");
event.preventDefault(); // 这里是阻止垃圾数据传入的方法
}
}
</script>
</body>
</html>