表单验证几乎在每一个需要注册或者登陆的网站是必不可少的, 本文介绍表单中最简单的验证方式, 就是判断是否为空, 有些要求比较低的网站对此已经满足需要了.
验证表单不能为空的方法:
- <html>
- <head>
- <meta charset="gb2312">
- <title>JS 简单表单验证 </title>
- <script type="text/javascript">
- Windows.onload=function()
- {
- var bt=document.getElementById("bt");
- bt.onclick=function()
- {
- if(document.myform.name.value=="")// 判断表单是否为空
- {
- alert("用户名不能为空!");// 弹出一个警告窗口
- document.myform.name.focus();// 本文档的表单域下的 username 获得输入焦点, 光标会点位到 username 文本框位置.
- return false;
- }
- else if(document.myform.pw.value=="")
- {
- alert("密码不能为空!");
- document.myform.pw.focus();
- return false;
- }
- }
- }
- </script>
- </head>
- <body>
- <form action="index.php" method="get" name="myform">
- <ul>
- <li > 姓名:<input type="text" name="name" id="name" /></li>
- <li > 密码:<input type="text" name="pw" id="age" /></li>
- <li><input type="submit" id="bt"/></li>
- </ul>
- </form>
- </body>
- </HTML>
focus() 方法:
focus() 方法用于给予链接焦点.
语法
anchorObject.focus()
该方法可滚动文档以使 Anchor 对象的位置变为可见.
来源: http://www.css88.com/qa/javascript/11624.html