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

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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱学习的大雄

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值