html姓名密码保存重置表格非空提示,用户名密码非空校验问题

为什么我的代码运行时候，在用户名密码都为空时，点击登录会先弹出用户名为空的提示窗，点击确认，之后又会弹出密码为空的提示窗，点击确认，之后页面还是会转到登录失败的页面，怎么能让用户名或密码任意为空时，停止这次数据提交呢？

login.jsp代码

pageEncoding="UTF-8"%>

登陆

body{

color: #001;

font-size=14px;

margin=20px auto;

}

function check(form){

if(document.forms.loginForm.uname.value==""){

alert("请输入用户名");

document.forms.loginForm.uname.focus();

}else{

if(document.forms.loginForm.pswd.value==""){

alert("请输入密码");

document.forms.loginForm.pswd.focus();

}

}

}

用户登陆
用户名：
密码：