你的位置:首页 > Java教程

[Java教程]js验证表单项是否为空实例代码


js验证表单项是否为空实例代码:
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的,有些验证则非常的复杂,可以说是各种各样给你的要求,不过本章节只介绍一下表单中最简单的验证方式,就是判断是否为空,有些要求比较低的网站对此已经满足需要了。
代码如下:

 

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>js简单表单验证-蚂蚁部落</title> <script type="text/javascript">window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function() {  if(document.myform.name.value=="")  {   alert("用户名不能为空!");   document.myform.name.focus();   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>

 

以上代码,当点击提交按钮的时候,能够进行简单的表单验证,如果表单项为空,那么就会弹出提示,并且将焦点放入当前表单项,代码比较简单,这里距不多介绍了,可以参阅相关阅读。
相关阅读:
1.document.getElementById()函数可以参阅javascript的document.getElementById()方法一章节。
2. onclick事件可以参阅javascript的onclick事件一章节。 
3.focus()函数可以参阅javascript的text.focus()方法一章节。 
4.return false可以参阅javascript中return false的作用是什么一章节。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9385

更多内容可以参阅:http://www.softwhy.com/javascript/