javaScript:
<script src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
<script type="text/javascript">
<%-- 判断输入的密码是否一致--%>
function check(){
var password=document.getElementById("password");//我也不太清楚是name还是id,建议同名
var confirm=document.getElementById("confirm");
var confirminfo=document.getElementById("confirminfo");
if(password.value!=confirm.value){
confirminfo.innerHTML="两次输入不一致";
}else {
confirminfo.innerHTML="两次输入一致";
}
}
//判断表单内容是否为空
function cc(form){ if(form.employeename.value==''||form.username.value==''||form.password.value==''||form.phone.value==''||form.email.value==''||form.departmentid.value==''){//这里尝试过id就可以
alert("信息中有空值");
return false;
}
return true;
}
</script>
jsp页面表单代码:
<form action="${pageContext.request.contextPath}/doReg" method="post">
<fieldset>
<legend>员工信息</legend>
<div style="color:red">${error}</div>
<table class="formtable" style="width:50%">
<tr>
<td>姓名:</td>
<td>
<input name="employeename" value="${employee.employeename}" type="text" id="employeename" maxlength="20"/>
</td>
</tr>
<tr>
<td>账户名:</td>
<td>
<input name="username" type="text" value="${employee.username}" id="accountname" maxlength="20"/>
<div style="color: red">${msg}</div>
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input name="password" type="password" value="${employee.password}" id="password" maxlength="20" placeholder="请输入6位以上的密码"/>
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="password" id="confirm" maxlength="20" οnchange="check()"/>
<div style="color: red;" id="confirminfo"></div>
</td>
</tr>
<tr>
<td>联系电话:</td>
<td>
<input name="phone" type="text" value="${employee.phone}" id="phone" maxlength="20"/>
</td>
</tr>
<tr>
<td>电子邮件:</td>
<td>
<input name="email" type="text" value="${employee.email}" id="email" maxlength="20"/>
</td>
</tr>
<td>所在部门:</td>
<td>
<select name="departmentid" value="${employee.departmentid}">
<c:forEach items="${deps}" var="dep">
<option value="${dep.departmentid}">${dep.departmentname}</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td colspan="6" class="command">
<input type="submit" class="clickbutton" value="注册" οnclick="return cc(this.form)"/>
<input type="reset" class="clickbutton" value="重置"/>
</td>
</tr>
</table>
</fieldset>
</form>