107 lines
5.6 KiB
Plaintext
107 lines
5.6 KiB
Plaintext
@{
|
||
ViewBag.Title = "注册新用户";
|
||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||
}
|
||
@section css {
|
||
<link href="~/Content/register.css" rel="stylesheet" />
|
||
}
|
||
@section javascript {
|
||
<script src="~/Scripts/jquery.validate.js"></script>
|
||
<script src="~/Scripts/messages_zh.js"></script>
|
||
<script src="~/Scripts/sweetalert.js"></script>
|
||
<script src="~/Scripts/register.js"></script>
|
||
}
|
||
<div class="container">
|
||
<div class="setup-wrapper">
|
||
<header><h2>新用户注册</h2></header>
|
||
<div class="setup-header">
|
||
<ol class="steps">
|
||
<li class="current">
|
||
<strong class="step">步骤 1:</strong><span>创建一个账号</span>
|
||
</li>
|
||
<li>
|
||
<strong class="step">步骤 2:</strong><span>确认信息</span>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
<form autocomplete="off" id="signup-form" method="post">
|
||
<div class="setup-main">
|
||
<div class="setup-form-container">
|
||
<h3 class="setup-form-title mb-3">
|
||
创建您的账号
|
||
</h3>
|
||
<div class="form-group">
|
||
<label for="userName">登陆账号：</label>
|
||
<div class="input-group">
|
||
<span class="input-group-addon">@@</span>
|
||
<input type="text" id="userName" name="userName" class="form-control" placeholder="登陆账号" value="" autofocus maxlength="50" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="displayName">显示名称：</label>
|
||
<div class="input-group">
|
||
<span class="glyphicon glyphicon-user input-group-addon"></span>
|
||
<input type="text" id="displayName" name="displayName" class="form-control" value="" placeholder="显示名称" maxlength="50" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="password">密码：</label>
|
||
<div class="input-group">
|
||
<span class="glyphicon glyphicon-lock input-group-addon"></span>
|
||
<input type="password" id="password" name="password" class="form-control" value="" placeholder="密码" maxlength="50" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="assurePassword">确认密码：</label>
|
||
<div class="input-group">
|
||
<span class="glyphicon glyphicon-lock input-group-addon"></span>
|
||
<input type="password" id="assurePassword" name="assurePassword" class="form-control" value="" placeholder="确认密码" maxlength="50" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="description">申请理由：</label>
|
||
<div class="input-group">
|
||
<span class="glyphicon glyphicon-certificate input-group-addon"></span>
|
||
<textarea id="description" name="description" class="form-control" placeholder="申请理由，500字以内" rows="6" maxlength="500"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<button id="btnAccount" class="btn btn-primary pull-right" type="button">继续</button>
|
||
</div> <!-- /.setup-form-container -->
|
||
</div>
|
||
</div>
|
||
<div class="setup-confirm">
|
||
<h3>您注册的信息如下：</h3>
|
||
<div class="form-group">
|
||
<label>登陆账号：</label><span id="loginID" class="form-control-static"></span>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>显示名称：</label><span id="loginName" class="form-control-static"></span>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>申请理由：</label><span id="loginDesc" class="form-control-static"></span>
|
||
</div>
|
||
<div class="form-group">
|
||
<button id="btnPrev" class="btn btn-default" type="button">上一步</button>
|
||
<button id="btnSubmit" class="btn btn-primary pull-right" type="submit">确认并提交</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="setup-secondary">
|
||
<div class="setup-info-module">
|
||
<h4>欢迎加入本系统</h4>
|
||
<ul class="features-list">
|
||
<li><strong>Unlimited</strong> 特性一</li>
|
||
<li><strong>Unlimited</strong> 特性二</li>
|
||
<li><strong>Unlimited</strong> 特性三</li>
|
||
<li><strong>Unlimited</strong> 特性四</li>
|
||
<li class="list-divider"></li>
|
||
<li><i class="glyphicon glyphicon-ok"></i> 优点一</li>
|
||
<li><i class="glyphicon glyphicon-ok"></i> 优点二</li>
|
||
<li><i class="glyphicon glyphicon-ok"></i> 优点三</li>
|
||
<li><i class="glyphicon glyphicon-ok"></i> 优点四</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |