如下代码不管用户名和密码写对还是写错,都跳转到另一个页面了,可我希望是只有在输入正确的情况下才允许跳转。该怎么改啊?
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
window.onload = function(){ $('username').focus();

$('username').onkeydown = function(){
if(event.keyCode == 13){
$('password').select();
}
}
$('password').onkeydown = function(){
if(event.keyCode == 13){
chklg();
window.open('http://192.168.0.253/search/search.html','found','width=300,height=200')
}
}
}
function chklg(){
if($('username').value != "sa"){
alert('用户名输入错误');
$('username').select();
return false;
}
if($('username').value == ''){
alert('请输入用户名!');
$('username').focus();
return false;
}
if($('password').value != "sa"){
alert('密码输入错误');
$('password').select();
return false;
}
if($('password').value == ''){
alert('请输入密码!');
$('password').focus();
return false;
}
} function test(){

chklg();
window.open('http://192.168.0.253/search/search.html','found','width=300,height=200')
}
</script>
<div style=" border:1px #ddd solid; overflow:hidden;text-align:center; float:center; margin:100px;">
<div style="textalign=center; margin-top:10px; margin-left:auto">
<div><p>用户名:<input type=text; style="width:160px"; id="username"; name="username"></input></p></div><div id=usr></div>
</div>
<div style="position:relative; margin-top:10px; margin-left:auto;">
<div><p>密码:   <input type="password"; style="width:160px"; id=password; name=password></input></p></div>
<div id=pwd></div>
</div>
<div style="margin-top:10px;margin-left:50px;"><input style="width:70px" type="submit"; value="登录" onclick="test()"></input></div>
</div>
</a></body>