表单中 js控制用户和密码为空不能跳转的 怎么写
2个回答
展开全部
当执行跳转前判断表单中用户名和密码是否为空，如果为空则不执行跳转的动作否则执行跳转。以下实现一个简单的例子。
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，...
点击进入详情页
本回答由大雅新科技有限公司提供
展开全部
<%@ 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标签换了就成，别的无所谓
<%@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标签换了就成，别的无所谓
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
