表单中 js控制用户和密码为空不能跳转的 怎么写

如题所述

    当执行跳转前判断表单中用户名和密码是否为空,如果为空则不执行跳转的动作否则执行跳转。以下实现一个简单的例子。

<!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>

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-09-06
<%@ page contentType="text/html; charset=GBK"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Hello World</title>
<script language="javascript">
function checkForm() {
var userName = document.forms[0].username.value;
var userPwd = document.LoginForm.password.value;
//document.getElementById(username)
if(!userName) {alert('用户名不能为空!');return false;}
if(!userPwd) {alert('密码不能为空!');return false;}

}
</script>
</head>
<body>
<s:form action="checkLogin" id="LoginForm" onsubmit="return checkForm(this);" method="post">
<s:textfield name="username" id="username" label="用户名" />
<s:password name="password" id="password" label="密码"/>
<s:submit value="提交"/> <br/>
</s:form>
    
<a href="/Pratiace/Register.jsp">没有账号?注册一个吧</a>
</body>
</html>

这是我之前写的,用了struts 的 标签,你要不用把 S标签换了就成,别的无所谓本回答被网友采纳
相似回答