Areas/Member/Views/Reg/Index.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    Layout = "~/Areas/Member/Views/_LoginLayoutPage.cshtml";
    ViewBag.Title = "用户注册";
    IEnumerable<dynamic> canRegMemberGroupList = ViewBag.CanRegMemberGroupList;
    canRegMemberGroupList = canRegMemberGroupList.Select(c => new { value = c.Id, label = c.Name });
    int defaultMemberGroupId = (int)ViewBag.DefaultMemberGroupId; //默认会员组id
    string guid = Html.Guid();
    string beforeSubmitJs = "";
}
    <div class="login-box reg-box" id="loginbox" v-cloak>
           <a class="login-logo" href="@ViewBag.HomeLink"><img src="/Areas/Member/Css/images/Loginlogo.png"/></a>
            <div class="login-sign">用户注册</div>
            <div v-if="Open==0">对不起，用户注册功能已关闭！</div>
            <div v-if="Open==1">
                <el-form ref="form" label-position="top">
                    <!--解决浏览器自动填充账户-->
                    <input type="text" style="position:fixed;bottom:-9999px" />
                    <input type="password" style="position:fixed;bottom:-9999px" />
                    @if (canRegMemberGroupList.Count() > 1)
                    {
                        <el-form-item label="注册类型*">
                            <ui-select v-model="formData.MemberGroupId" :multiple="false" style="width:100%" :clearable="false" v-bind:options="@JsonHelper.JsonParse(canRegMemberGroupList)" v-validate="{data:formData.MemberGroupId,dataType:'*',nullMsg:'请选择注册类型!'}"></ui-select>
                            <span class="help-block validate-tips-box"></span>
                        </el-form-item>
                    }
                    <el-form-item label="用户名*">
                        <el-input v-model.trim="formData.Username" placeholder="用户名控制在4-16字符之间,中文占两个字符" v-validate="{data:formData.Username,dataType:'username',maxLength:16,nullMsg:'请填写用户名',errorMsg:'用户名只能是数字、字母、下划线或中文字符组成!'}" maxlength="16"></el-input>
                        <span class="help-block validate-tips-box"></span>
                    </el-form-item>

                    <el-form-item label="密码*">
                        <el-input v-model.trim="formData.Password" type="password" autocomplete="off" placeholder="密码控制在6-20字符之间" v-validate="{data:formData.Password,dataType:'password',nullMsg:'请填写密码!',errorMsg:'密码长度控制在6到20位字符之间！'}" maxlength="20"></el-input>
                        <span class="help-block validate-tips-box"></span>
                    </el-form-item>

                    @if (ViewBag.MobileFieldSet == 1 || ViewBag.MobileFieldSet == 2)
                    {
                        <el-form-item label="手机*">
                            <el-input v-model.trim="formData.Mobile" placeholder="手机号码" id="mobile" v-validate="{data:formData.Mobile,dataType:'mobile',nullMsg:'请填写手机号！',errorMsg:'手机号码格式错误！'}" maxlength="15"></el-input>
                            <span class="help-block validate-tips-box"></span>
                        </el-form-item>
                    }
                    @if (ViewBag.MobileFieldSet == 2)
                    {
                        <el-form-item label="手机验证码*">
                            <ui-input-code placeholder="点击右侧按钮获取手机验证码" v-model.trim="formData.SmsCode" focus-target="#mobile" type="mobile" :account="formData.Mobile" url-api="/E/SmsCode/Send" maxlength="6" v-validate="{data:formData.SmsCode,dataType:'numeric',minLength:6,minLengthErrorMsg:'手机验证码为6位数字！',nullMsg:'请填写验证码'}"></ui-input-code>
                            <span class="help-block validate-tips-box"></span>
                        </el-form-item>
                    }
                    @if (ViewBag.EmailFieldSet == 1 || ViewBag.EmailFieldSet == 2)
                    {
                        <el-form-item label="邮箱*">
                            <el-input v-model.trim="formData.Email" placeholder="邮箱地址" id="email" v-validate="{data:formData.Email,dataType:'email',ignoreEmpty:true,nullMsg:'请填写邮箱地址！',errorMsg:'邮箱地址格式错误！'}" maxlength="30"></el-input>
                            <span class="help-block validate-tips-box"></span>
                        </el-form-item>
                    }
                    @if (ViewBag.EmailFieldSet == 2)
                    {
                        <el-form-item label="邮件验证码*">
                            <ui-input-code placeholder="点击右侧按钮获取邮件验证码" v-model.trim="formData.EmailCode" focus-target="#email" :account="formData.Email" url-api="/E/EmailCode/Send" maxlength="6" v-validate="{data:formData.EmailCode,dataType:'numeric',minLength:6,minLengthErrorMsg:'邮件验证码为6位数字！',nullMsg:'请填写邮件验证码'}"></ui-input-code>