注册页面 包含短信验证码

这篇博客详细介绍了包含短信验证码的注册流程,包括register.jsp、password.jsp和agriculturalbusinessinfo-edit.jsp三个页面,以及对应的JavaScript文件register.js、password.js和agriculturalbusinessinfo-edit.js。在后台,通过java代码实现了发送验证码的功能,具体涉及NoteVerifyAction.action、SendMsg.action和VerifyCode.action等关键操作,用于验证用户手机号并确保信息安全。
摘要由CSDN通过智能技术生成

register.jsp

<body>
                <div id="registerform" method="post">
                    <div>

                        <ul>
                            <li><label class="mini-label">手机号</label><br><input name="loginName" id="loginName" class="mini-textbox" required="true" value="${loginName}" emptyText="请输入手机号" vtype="telephone" label="手机号" /></li><span id="loginNameTip"></span><br>

                            <li><label class="mini-label">手机验证码</label><br><input name="SmsCheckCode" id="SmsCheckCode" class="mini-textbox" emptyText="请输入手机验证码" /></li>
                            <input type="button" id="btnSendCode" name="btnSendCode" value="免费获取验证码" /><br>
                            <span class="mini-required-span" id="smscheckcodes" style="margin-left:84px;display: none">手机验证码不能为空</span>
                            <li><label class="mini-label">验证码:</label><br><input id="captcha" name="captcha" style="width:100px;" class="mini-textbox floatL" errorMode="border" required="true" emptyText="请输入验证码" label="验证码">
                                <a href="javascript:;" class="floatL" style="margin-left:20px;"><img id="captcha-img" width="80" height="36" src="${contextPath}/captchaImage.html" /></a>
                                <span class="inputNote floatL"><a href="javascript:Register.change();" style="float: left; height: 40px; line-height: 40px; margin-left: 10px;">换一张</a></span></li><br>
                            <span class="mini-required-span" id="captchadwrong" style="margin-left:84px;display: none">请输入正确的验证码</span>
                            <br>
                            <a href="javascript:;" class="regbtn" id="register">注册</a>
                            <!--  <a href="${contextPath}/jobseeker-passwordretrieval/jobseeker-passwordretrieval-edit.html" class="regbtn" target="_blank">忘记密码</a> -->
                        </ul>
                    </div>
                </div>
                <script src="${contextPath}/resources/js/register.js?ver=<%=version%>"></script>
                <script src="${contextPath}/resources/js/sms.js?ver=<%=version%>"></script>
            </body>

password.jsp

<body>
            <div class="mini-fit" id="weathercalculus-form">

                <ul class="form-group form-col-double">
                    <li>
                        <label class="mini-label"><span class="required">*</span>设置密码:</label>
                        <input class="mini-password" id="password" name="password" errorMode="border" required="true" vtype="rangeLength:6,20" minLengthErrorText="6-20位字符" emptyText="请输入密码" label="密码" />
                    </li>

                    <li>
                        <label class="mini-label"><span class="required">*</span>确认密码:</label>
                        <input class="mini-password" id="passwordConfirm" errorMode="border" required="true" vtype="rangeLength:6,20" minLengthErrorText="请输入确认密码" emptyText="请输入确认密码" label="确认密码" />
                    </li>

                </ul>
            </div>
            <div class="mini-panel-toolbar">
                <a class="mini-button" id="nextbutton">下一步</a>
            </div>
            <script src="${contextPath}/resources/js/Location.js"></script>
            <script src="${contextPath}/resources/js/register/password.js?ver=<%=version%>"></script>
        </body>

agriculturalbusinessinfo-edit.jsp  完善信息页面

   <body>
            <div class="mini-fit" id="agriculturalbusinessinfo-form">
                <ul class="form-group form-col-double">
                    <input class="mini-hidden" style="display: none" name="id" id="id" />

                    <li>
                        <label class="mini-label">企业名称 :</label>
                        <div class="mini-textBox" id="name" name="name" label="名称"></div>
                    </li>
                    <li>
                        <label class="mini-label">企业简介 :</label>
                        <div class="mini-textArea" id="introduction" name="introduction" label="简介"></div>
                    </li>

                    <li>
                        <label class="mini-label">企业性质:</label>
                        <div class="mini-combobox" id="fkEnterpriseTypeId" name="fkEnterpriseTypeId" textName="fkEnterpriseTypeName" textField="name" valueField="value" label="企业性质"></div>
                    </li>

                    <li>
                        <label class="mini-label">经营方式:</label>
                        <div class="mini-combobox" id="fkManagementTypeId" na
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值