form表单提交,页面无法跳转,页面刷新又回到登录页

form表单提交,点击登录的时候,页面仅仅是刷新,没有任何操作,form没有阻止默认提交事件

用户名:<input type="text" name="uname" id="uname" placeholder="请输入用户名" /><br />
密码:<input type="password" name="pwd" id="pwd" placeholder="请输入密码" /><br />
<input type="submit" value="提交"/>

$('form').submit(function() {
    if ($('#uname').val() == '') {
        alert("用户名不能为空!")
        return false;
    };
    if ($('#pwd').val() == '') {
        alert("密码不能为空!")
        return false;
    };
    console.log(666);
})

解决方法一:form标签上加οnsubmit="return false"
<form action="" method="post" οnsubmit="return false">
方法二:直接在submit事件的最后加上return false

$('form').submit(function() {
    if ($('#uname').val() == '') {
        alert("用户名不能为空!")
        return false;
    };
    if ($('#pwd').val() == '') {
        alert("密码不能为空!")
        return false;
    };
    console.log(666);
    return false;
})

在表单进行提交的时候,会默认提交默认事件,所以就会刷新页面,因为在提交的时候,已经不再当前页,所以无法执行到页面跳转,包括其它的一些事件,你会发现我没有阻止默认事件的时候,用户名和密码都为空,也会刷新页面.所以只要阻止表单默认提交事件就可以了.