经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTMLCSS » HTML5 » 查看文章
from表单提交之前数据判空
来源:cnblogs  作者:xianting  时间:2018/10/24 9:22:00  对本文有异议

在input标签中写onclick事件,不管返回是真是假都会继续提交表单。

使用onsubmit事件

  1. <form action="login.html" method='post' onsubmit="return check();">
  2. 姓名:<input type='text' name='name' id='name' size='12' maxlenght='6' value=''></input>
  3. <br/>
  4. 密码:<input type='password' name='password' id='password' size='12' maxlength='10' value=''></input>
  5. <br/>
  6. <input type='radio' name='sex' value='男' checked></input><input type=radio name='sex' value='女'></input>
  7. <br/>
  8. <input type='submit' value='登陆'></input>
  9. <input type='reset' value='重置' ></input>
  10. </form>
  11. <script type="text/javascript">
  12. function check() {
  13. var name = document.getElementById("name").value;
  14. if(name == '') {
  15. alert("姓名不能为空!");
  16. return false;
  17. }
  18. var password = document.getElementById("password").value;
  19. if(password == '') {
  20. alert("密码不能为空!");
  21. return false;
  22. } else if (password.length() < 6 || password.length() > 10) {
  23. alert("密码长度在6到10位之间!");
  24. return false;
  25. }
  26. /* var sex = document.getElementsByName("sex");
  27. if(!sex[0].checked && !sex[1].checked) {
  28. alert("性别项不能为空!");
  29. return false;
  30. } */
  31. return true;
  32. }
  33. </script>

 

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号