用户注册

<!DOCTYPE html> <html> <head> <title>用户注册</title> <meta name="author" content="PageAdmin CMS" data-url="http://www.pageadmin.net" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" /> <meta name="format-detection" content="telephone=no" /> <meta name="renderer" content="webkit" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="/Incs/elementUi/2.13/element-ui.css"> <link rel="stylesheet" href="/Areas/Member/Css/Login.css?v4.0.11.6" type="text/css"> <script src="/Incs/vue/2.6.11/vue.min.js" type="text/javascript"></script> <script src="/Incs/elementUi/2.13/element-ui.js" type="text/javascript"></script> <script src="/FrameUi/1.0/base64.js" type="text/javascript"></script> <script src="/FrameUi/1.0/basic.js?v4.0.11" type="text/javascript"></script> <script src="/FrameUi/1.0/ui.js?v4.0.10" type="text/javascript"></script> <script src="/FrameUi/1.0/vueExtend.js?v4.0.21" type="text/javascript"></script> <script src="/FrameUi/1.0/validateForm.js?v4.0.11.2" type="text/javascript"></script>  </head> <body>  <div class="login-bg"></div> <div class="main"> <div class="login-box reg-box" id="loginbox" v-cloak> <a class="login-logo" href="/"><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" /> <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> <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> <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> <el-form-item label="联系人*" > <el-input type="text" ref="formData_Name" v-model.trim="formData.Name" maxlength="50" class="" v-validate="{data:formData.Name,dataType:'*',maxLength:50,nullMsg:'联系人不能为空!',ignoreHidden:true}" ></el-input> <span class="help-block">请填写个人真实姓名！</span> </el-form-item> <el-form-item> <div class="controls clearfix" style="margin:22px 0px"> <el-checkbox v-model="formData.Agreement" label="已阅读并同意" :true-label="1" v-validate="{data:formData.Agreement,dataType:'*',nullMsg:'必须阅读并同意用户注册协议'}"></el-checkbox> <a href="/member/Reg/RegAgreement/" target="_blank" class="blue">《用户注册协议》</a> </div> </el-form-item> <el-form-item> <div class="controls"> <el-button type="primary" v-on:click="postSubmit">注册</el-button> </div> </el-form-item> </el-form> <div class="login-footer" style="margin-top:15px;"> 已有账户？<a href="/member/Login/" class="text-primary">去登录</a> </div> </div> </div> <script type="text/javascript"> var formData = {"Id":"","Username":"","Password":"","MemberGroupId":"","DepartmentId":"","RegDate":"","LastDate":"","RegIp":"","LastIp":"","Logins":"","State":"","Avatar":"","Mobile":"","MobileState":"","Email":"","EmailState":"","Name":"","Gender":"0","Birthday":"2024-11-23 20:54:51","Tel":"","Fax":"","Address":"","NickName":"","QqNum":"","WechatNum":"","WebAddress":"http://","WeChatCode":"","UserType":"","CertificateUpload":"","LicenseUpload":"","CompanyName":""}; formData.Agreement = 1; formData.Guid = "f74445d55ba14518bae03f9cf10f324b"; formData.MemberGroupId = 1; formData.VerificationCode = ""; var vue = new Vue({ el: "#loginbox", data: { formData: formData, Open:1, }, methods: { postSubmit: function () { var _this = this; var validated = this.validateForm({ beforeSubmit: function () { return BeforeSubmit() } });//基础数据验证 if (validated) { this.submit({ url: "/member/Reg/", data: formData, showFailMsg: false, showSuccessMsg: false, success: regSuccess,failCallback: regFail}); } }, setLocalStorage: function (formData){ localStorage.removeItem("regFormData"); var formDataJson = JSON.stringify(formData); localStorage.setItem("regFormData", formDataJson); }, }, }); function BeforeSubmit() { return true; } function regSuccess(result) { vue.$message.success("注册成功!"); var redirectURL = request("redirectURL"); if (isNullOrEmpty(redirectURL)) { redirectURL = "/member/"; } location.href = redirectURL; top.location.href = redirectURL; } function regFail(data) { vue.$message.error(data.Msg); if (vue.$refs.verificationCodeImage != undefined) { vue.$refs.verificationCodeImage.change(); //修改验证码 } } addEvent(window, 'keyup', function (event) { if (event.keyCode == 13) { vue.postSubmit(); } }); </script> <div class="footer text-center"> <div class="copyright text-center"> <p> CoprRight © <a href="http://www.huizhans.com" target="_blank">会展管家</a> </p> </div> </div> </div> </body> </html>

CINXE.COM

用户注册