欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」JS中return 和 return false的区别

作者 : 自学哈 本文共755个字,预计阅读时间需要2分钟 2023-08-4 共70人阅读
也想出现在这里? 联系我们

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; 即使用户名为空,表单还是会提交

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」JS中return 和 return false的区别
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号