from表单提交之前数据判空
程序员文章站
2022-03-30 18:28:22
在input标签中写onclick事件,不管返回是真是假都会继续提交表单。 使用onsubmit事件 ......
在input标签中写onclick事件,不管返回是真是假都会继续提交表单。
使用onsubmit事件
<form action="login.html" method='post' onsubmit="return check();"> 姓名:<input type='text' name='name' id='name' size='12' maxlenght='6' value=''></input> <br/> 密码:<input type='password' name='password' id='password' size='12' maxlength='10' value=''></input> <br/> 男<input type='radio' name='sex' value='男' checked></input>女<input type=radio name='sex' value='女'></input> <br/> <input type='submit' value='登陆'></input> <input type='reset' value='重置' ></input> </form> <script type="text/javascript"> function check() { var name = document.getelementbyid("name").value; if(name == '') { alert("姓名不能为空!"); return false; } var password = document.getelementbyid("password").value; if(password == '') { alert("密码不能为空!"); return false; } else if (password.length() < 6 || password.length() > 10) { alert("密码长度在6到10位之间!"); return false; } /* var sex = document.getelementsbyname("sex"); if(!sex[0].checked && !sex[1].checked) { alert("性别项不能为空!"); return false; } */ return true; } </script>