Files
orico-official-website-old/app/admin/view/user/add.html
2024-10-29 14:04:59 +08:00

198 lines
11 KiB
HTML
Executable File

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
新增用户
</h1>
<ol class="breadcrumb">
<li><a href="<?php echo url('/admin/index/index');?>"><i class="fa fa-dashboard"></i> 首页</a></li>
<li><a href="<?php echo url('/admin/user/lists');?>"> 用户列表</a></li>
<li class="active"> 用户</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#tabfirst">基本信息</a>
</li>
<li class="pull-right"><a href="" class="text-muted"><i class="fa fa-refresh"></i></a></li>
</ul>
<div class="tab-content">
<!-- /.tab-pane -->
<div class="tab-pane active" id="tabfirst">
<form class="form-horizontal" action="<?php echo url('/admin/user/create');?>" method="post">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="username" id="username" required>
</div>
<div class="col-sm-5">
<span class="help-block">(用户名)</span>
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">用户密码</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="password" id="password" required>
</div>
<div class="col-sm-5">
<span class="help-block">(用户密码不能少于6位)</span>
</div>
</div>
<div class="form-group">
<label for="repassword" class="col-sm-2 control-label">确认密码</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="repassword" id="repassword" required>
</div>
<div class="col-sm-5">
<span class="help-block">(用户密码不能少于6位)</span>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">电子邮箱</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="email">
</div>
<div class="col-sm-5">
<span class="help-block">(电子邮箱)</span>
</div>
</div>
<div class="form-group">
<label for="stat" class="col-sm-2 control-label">状态</label>
<div class="col-sm-5">
<label class="radio-inline">
<input type="radio" name="stat" value="0" checked> 启用
</label>
<label class="radio-inline">
<input type="radio" name="stat" value="-1"> 禁用
</label>
</div>
<div class="col-sm-5">
<span class="help-block">(状态)</span>
</div>
</div>
<div class="form-group">
<label for="role_id" class="col-sm-2 control-label">角色</label>
<div class="col-sm-5">
<select class="form-control" name="role_id" id="role_id">
<option value="0" selected="">默认值</option>
<?php echo $roleOption;?>
</select>
</div>
<div class="col-sm-5">
<span class="help-block">(所属角色)</span>
</div>
</div>
<div class="form-group">
<label for="position" class="col-sm-2 control-label">用户定位</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="position" value="admin">
</div>
<div class="col-sm-5">
<span class="help-block">(用户定位模块)</span>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">头像</label>
<div class="col-sm-5">
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td class="text-left">
<a href="javascript:void(0);" id="thumb-image" data-toggle="image" class="img-thumbnail">
<img src="/backend/adminlte/images/tool-160x160.jpg" />
</a>
<input type="hidden" name="picture" value="" id="input-image" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-5">
<span class="help-block">(头像)</span>
</div>
</div>
<!-- <div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox" name="agree"> 确认添加
</label>
</div>
</div>
</div>-->
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="reset" class="btn btn-warning">重置</button>
<button type="submit" class="btn btn-danger">提交</button>
</div>
</div>
</form>
</div>
</div>
<!-- /.tab-content -->
</div>
<!-- /.nav-tabs-custom -->
</div>
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script type="text/javascript">
$(function() {
$("#tabfirst form.form-horizontal").submit(function(e) {
var nameObj = document.getElementById('username');
if (isNull(nameObj.value)) {
alert('名称必须填写');
nameObj.focus();
return false;
}
var roleIDObj = document.getElementById('role_id');
if (isNaN(roleIDObj.value) || !parseInt(roleIDObj.value)) {
alert('角色值无效');
roleIDObj.focus();
return false;
}
var passwordObj = document.getElementById('password');
if (isNull(passwordObj.value) || passwordObj.value.length < 6) {
alert('新密码不能少于6位');
passwordObj.focus();
return false;
}
if (!(passwordObj.value.match(/\d/) && passwordObj.value.match(/[a-zA-Z_-]/))) {
alert("您输入的密码至少包含有数字和字母!");
passwordObj.focus();
return false;
}
var repasswordObj = document.getElementById('repassword');
if (isNull(repasswordObj.value) || repasswordObj.value.length < 6) {
alert('确认密码不能少于6位');
repasswordObj.focus();
return false;
}
if (repasswordObj.value !== passwordObj.value) {
repasswordObj.focus();
alert('新密码和确认密码不相同');
return false;
}
// var agree = $("input[name='agree']", this).prop('checked');
// if (agree) {
// //alert("Submitted");
// //e.preventDefault();
// } else {
// e.preventDefault();
// alert("请勾选确认");
// }
});
});
</script>