判断表单中提交的数据是否一致和是否为空值，如果为空值则不允许提交，如果不一致则提示

水深无声 2023-09-30 08:09 32阅读 0赞

javaScript：

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>