js 控制 form action submit

最新推荐文章于 2024-04-07 07:47:30 发布

只会复制粘贴

最新推荐文章于 2024-04-07 07:47:30 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hzwangzi123456/article/details/69374181

本文介绍了一个用于竹林环境监测的智能平台登录页面的设计与实现细节，包括表单布局、输入验证及简单的前后端交互过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form id="form01" class="form-horizontal" action=""
		style="margin-left:400px;margin-top:250px">
		<h4 style="margin-left:140px;">竹林环境监测智能平台</h4>
		<div class="form-group">
			<label for="username" class="col-sm-2 control-label">账号</label>
			<div class="col-sm-2">
				<input class="form-control" id="input01" name="username"
					placeholder="请输入您的账号" />
			</div>
			<div class="col-sm-4" id="div01" style="font-size:20px"></div>
		</div>

		<div class="form-group">
			<label for="password" class="col-sm-2 control-label">密码</label>
			<div class="col-sm-2">
				<input type="" class="form-control" id="input02" name="password"
					placeholder="请输入您的密码" />
			</div>
			<div class="col-sm-4" id="div02" style="font-size:20px"></div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button id="button01" type="sumbit" class="btn btn-default">登录</button>
				<div id="button02" class="btn btn-default" style="margin-left:30px">
					<a href="AddUser.jsp" target="_self" style="color:#000">注册</a>
				</div>
			</div>

		</div>
	</form>

var form01 = document.getElementById("form01");
		button01.onclick = function() {
			var httpRequest = new XMLHttpRequest();
			httpRequest.onreadystatechange = function() {
				if (httpRequest.status == 200
						&& httpRequest.readyState == XMLHttpRequest.DONE) {
					var str = httpRequest.responseText;
					//去除空格
					str = str.trim();
					if (str == "passwordright") {
						console.log("11passwordright");
						form01.action = "Main.html";
						form01.submit();
					}
					if (str == "passwordwrong") {
                        form01.action = "Login.jsp";
                        form01.submit();
                    }
					if (str == "usernaemnotexit"){
						form01.action = "Login.jsp";
						form01.submit();
					} 
// 					console.log("httpRequest.responseText:" + str + "  flag:"
// 							+ flag);
				}
			}
			console.log("LoginPassWordServlet?password=" + input02.value
					+ "&username=" + input01.value);
			httpRequest.open("GET", "LoginPassWordServlet?password="
					+ input02.value + "&username=" + input01.value, true);
			httpRequest.send();
		}