jsp页面中用户登录的实现（利用javascript实现非空判断等……）

最新推荐文章于 2024-05-13 16:21:10 发布

原创最新推荐文章于 2024-05-13 16:21:10 发布 · 9.1k 阅读

7 ·

CC 4.0 BY-SA版权

JSP 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何利用JavaScript对JSP页面的用户登录功能进行非空判断等基本验证，确保用户输入的数据完整性和安全性。

jsp页面中用户登录的实现（利用javascript实现非空判断等……）

1、以下是js

<script language="javaScript">
//登录动作
function login() {
	var username = document.all("sno");
	var password = document.all("spw");
	form0.sno.style.background = '#FFFFFF';
	form0.spw.style.background = '#FFFFFF';
	if(username.value == ""){
		alert("请输入用户名！");
		form0.sno.style.background = '#FF0033';
	}
	else if(password.value == ""){
		alert("请输入密码！");
		form0.spw.style.background = '#FF0033';
	}
	else {
		document.forms[0].action="Stu_Login.do";
        document.forms[0].submit();
    }
}

//重置数据
function toReset(){
   var username = document.all("sno");
   var password = document.all("spw");
   username.value = "";
   password.value = "";
}
</script>

2、以下是from表单

<form name="form0" class="login_form" method="post">
<div class="login_user"><input type="text" onblur="form0.sno.style.background = '#FFFFFF';" name="sno" id="sno"></div>
<div class="login_pass"><input type="password" onblur="form0.spw.style.background = '#FFFFFF';" name="spw" id ="spw"></div>
<div class="clear"></div>
<div class="login_button">
<div class="login_button_left"><input onclick="login()" onfocus="this.blur()"/></div>
<div class="login_button_right"><input onclick="toReset()" value="" onfocus="this.blur()"/></div>
<div class="clear"></div>
</div>
</form>