JS中return 和 return false的区别

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

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/114800.html<

(0)
运维的头像运维
上一篇2025-02-17 22:40
下一篇 2025-02-17 22:42

相关推荐

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注