简单的页面验证：验证密码是够为空和确认密码是否相同

来源：互联网发布：如何给单片机烧录程序编辑：程序博客网时间：2024/06/05 16:51

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/include/jspHeader.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户密码修改页面</title>
<%@include file="/common/include/jsCss.jsp"%>
<script type="text/javascript" src="<%=path%>/resource/jscript/common/jquery.js"></script>
<link href="<%=path%>/resource/theme/default/css/pages.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
/**
*验证输入的密码是否为空
*/
function passwordIsNull(password){
var pwd=password.value;
if(pwd==""||pwd==null){
alert("密码不能为空，请输入密码");
password.focus();
}
}
/**
*验证两次输入的密码是否相同,异界是否为空
*/
function verifyPassword(repassword){
var repwd=$("#repassword").val();
var pwd=$("#password").val();
if(repwd!=""&&repwd!=null){
if(repwd!=pwd){
alert("两次输入的密码不相同，请重新输入");
return false;
}else{
return true;
}
}else{
alert("确认密码不能为空");
repassword.focus();
}
return true;
}
/**
*验证口令是否为空
*/
function userwordIsNull(userword){
var uw=userword.value();
if(uw==""||uw==null){
alert("口令不能为空，请输入密码");
userword.focus();
}
}
/**
*验证两次输入的口令是否相同
*/
function verifyUserWard(){
var reuw=$("#reuserword").val();
var uw=$("#userword").val();
if(reuw!=""&&reuw!=null){
if(reuw!=uw){
alert("两次输入的口令不相同，请重新输入");
return false;
}else{
return true;
}
}else{
alert("确认口令不能为空");
repassword.focus();
}
return true;

}

/**
*提交进行的全局验证
*/
function verifyAll(){
if(verifyPassword()&&verifyUserWard()){
alert(123);
return true;
}else{
return false;
}
return false;
}

</script>
</head>

<body>
<form action="<%=path%>/system/changePassword.thtml" name="listUserForm" method="post" onsubmit="return verifyAll()" >
<ul class="forms">
<li><label class="label">原密码：</label><input type="password" class="text" id="oldpassword" name="oldpassword" value="" style="width:400px;"/></li>
<li><label class="label">新密码：</label><input type="password" class="text" id="password" name="sysUser.password" value="" style="width:400px;" onblur="passwordIsNull(this)"/></li>
<li><label class="label">确认密码：</label><input type="password" class="text" id="repassword" name="repassword" value="" style="width:400px;" onblur="verifyPassword(this)"/></li>
<li><label class="label">原口令：</label><input type="password" class="text" id="olduserword" name="olduserword" value="" style="width:400px;"/></li>
<li><label class="label">新口令：</label><input type="password" class="text" id="userword" name="sysUser.userword" value="" style="width:400px;" onblur="userwordIsNull(this)"/></li>
<li><label class="label">确认口令：</label><input type="password" class="text" id="reuserword" name="reuserword" value="" style="width:400px;" onblur="verifyUserWard(this)"/></li>
</ul>
<div class="formsbot">
<input type="submit" value="提　交" id="submit"/>
<input type="reset" value="重置" id="reset" />
</div>
</form>

<div id="rmsg" style="display: none;"><s:property value="resultMessage"/></div>
<script type="text/javascript">
window.onload = function(){
var o=document.getElementById('rmsg');
if(o.innerHTML!=""){
alert(o.innerHTML);//弹出操作提示信息
}
};
</script>
</body>
</html>

0 0