JavaScript 如何验证表单不为空? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的, 本文介绍表单中最简单的验证方式, 就是判断是否为空, 有些要求比较低的网站对此已经满足需要了.
验证表单不为空的方法:
- <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() 的作用就是将光标放在输入框中, 省掉了你点击的那一下, 直接输入你要输入的内容.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/javascript/17317.html