JS中return 和 return false的区别

2022-11-29 0 891



1. return返回null,起到中断方法执行的效果,只要不return false事件处理函数将会继续执行,表单将提交

2. return false,事件处理函数会取消事件,不再继续向下执行。比如表单将终止提交。

3、都可以终止执行当前方法;

4、如果方法A调用了方法B,则在方法A中使用return可以终止程序,

但是在方法B中使用return则终止执行B方法,A方法继续执行,

这个时候需要在方法B中return false,方法A根据B方法的返回boolean值

决定是否终止A方法即可;

<script>
function validateForm(){
    var username = document.getElementsByName('username')[0].value;
    console.log(username);
    if(username == ''){
        alert('用户名不能为空');
        return false;
    }
    var userpass = document.getElementsByName('userpass')[0].value;
    if(userpass == ''){
        alert('密码不能为空');
        return false;
    }
}
</script>
 
<form name='myForm' action='' method='get' onSubmit="return validateForm()">
    用户名:<input type='text' value='' name='username'>
    密码:<input type='password' value='' name='userpass'>
    <input type='submit' value='提交'>
</form>

如果将return false;换成return; 即使用户名为空,表单还是会提交

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!
5.严禁将资源用于任何违法犯罪行为,不得违反国家法律,否则责任自负,一切法律责任与本站无关

源码下载

发表评论
暂无评论