你的位置:首页 > Java教程

[Java教程]onclick=return chkform()中return的作用


onclick="return chkform()"中return的作用:
在很多表单验证代码中都有标题中的这段代码,对于刚开始学习js的朋友或许没有注意,或者感觉有点密码,对它的作用可能没有多少认识,这往往会导致一些错误,比如再模仿别人的代码的时候,可能就会出现莫名其妙的错误,比如尽管表单验证没有通过,但是表单还是提交了。先看一段代码实例:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">ul, li{list-style:none;}</style><script type="text/javascript"> function checkform(){  if(document.getElementById("username").value=="")  {   alert("用户名不能为空!");   return false;  }  if(document.getElementById("pw").value=="")  {   alert("密码不能为空!");   return false;  } } </script></head><body><div> <form action="http://www.softwhy.com" method="post" name="myform">  <ul>   <li>用户名:    <input type="text" name="username" id="username">   </li>   <li>密码:    <input type="password" name="pw" id="pw">   </li>   <li>    <input type="submit" value="提交">   </li>  </ul> </form></div></body></html>

 

以上代码实现了最基本的表单验证功能,当用户名和密码为空的时候,会弹出一个警告框。在表单提交submit按钮那个地方的onclick后面可以发现return checkform(),有些朋友可能就会有疑问,这里的return的作用是什么,下面就来介绍一下:
onclick语句是用来为提交按钮绑定单击事件处理语句的,也就是当单击submit按钮的时候,就会执行onclick后面引号中的js语句:

 

onclick="return checkform()"

 

这个时候就会执行checkform()函数,如果表单没有通过验证,那么checkform()的返回值就是false,于是上面的语句可以修改为:

onclick="return false"

这样的话,点击提交按钮后,也不会提交表单了。
点击可以查看JavaScript中return false的作用是什么一章节。

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

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