当执行跳转前判断表单中用户名和密码是否为空,如果为空则不执行跳转的动作否则执行跳转。以下实现一个简单的例子。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>redirect test</title>
</head>
<body>
<form>
用户名:<input type="text" name="username"/>
密码:<input type="text" name="password"/>
<button id="redirect">跳转</button>
</form>
</body>
<script type="text/javascript">
var $=function (selector) {
return document.querySelector(selector);
};
$('#redirect').addEventListener('click',function (ev) {
var username =$('[name="username"]'),password = $('[name="password"]');
if(username.value && password.value){
//todo 跳转页面逻辑
}
},false)
</script>
</html>