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/
原标题：onclick=return chkform()中return的作用
关键词：
我知道了 