You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

181 lines
7.1 KiB

4 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.0</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="__ADMIN__/x-admin/css/font.css">
<link rel="stylesheet" href="__ADMIN__/x-admin/css/xadmin.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="__ADMIN__/x-admin/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="__ADMIN__/x-admin/js/xadmin.js"></script>
<script src="__COMPANY__/H_plus/js/jquery.min.js?v=2.1.4"></script>
<script src="__COMPANY__/H_plus/js/bootstrap.min.js?v=3.3.6"></script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="layui-anim layui-anim-up">
<div class="x-body layui-anim layui-anim-up">
<form method="post" class="layui-form layui-col-md12 x-so" action="{:url('MemberManager/addMember')}">
入职时间:<input class="layui-input" placeholder="请选择日期" name="entry_time" id="time" value="">
<table class="layui-table">
<thead>
<tr>
<td style="background-color: #99CCCC">
<label class="layui-form-label">姓名:</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="name" value="" required="" aria-required="true" placeholder="请输入姓名">
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="layui-form-label">手机号:</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="mobile" value="" required="" aria-required="true" placeholder="请输入手机号">
</div>
</td>
</tbody>
<thead>
<tr>
<td style="background-color: #99CCCC">
<label class="layui-form-label">密码:</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="password" required="" aria-required="true" placeholder="密码必须填写(至少两种不同的字符!)" id="password">
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="layui-form-label">性别:</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="1" title="男">
<input type="radio" name="sex" value="2" title="女">
</div>
</td>
</tbody>
<thead>
<tr>
<td style="background-color: #99CCCC">
<label class="layui-form-label">职位:</label>
<div class="layui-input-inline">
<select class="form-control select" name="roleId" required="" aria-required="true">
<option value="0">请选择职位</option>
{foreach name='$roles' item = 'v'}
<option value="{$v.id}" >{$v.role}</option>
{/foreach}
</select>
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="layui-form-label">科室:</label>
<div class="layui-input-inline">
<select class="form-control select" name="departmentId">
<option value="0">请选择科室</option>
{foreach name='$department' item = 'v'}
<option value="{$v.id}" >{$v.name}</option>
{/foreach}
</select>
</div>
</td>
</tr>
</tbody>
</table>
<div class="layui-form-item">
<input class="layui-btn" type="submit" value="添加" id="sub">
</div>
</form>
</div>
</div>
</div>
</div>
<script>
var num = 0
function checkStrong(sValue) {
var modes = 0;
//正则表达式验证符合要求的
if (sValue.length < 1) return modes;
if (/\d/.test(sValue)) modes++; //数字
if (/[a-z]/.test(sValue)) modes++; //小写
if (/[A-Z]/.test(sValue)) modes++; //大写
if (/\W/.test(sValue)) modes++; //特殊字符
//逻辑处理
switch (modes) {
case 1:
return 1;
break;
case 2:
return 2;
case 3:
case 4:
return sValue.length < 12 ? 3 : 4
break;
}
}
$("input[name='password']").bind("input propertychange",function(){
let val = $(this).val();//获得输入的值
num = checkStrong(val)
//修改密码颜色
let tds = document.getElementById("password")
if(num==0||num==1){
tds.style.backgroundColor="pink";
}else if (num == 2) {
tds.style.backgroundColor="lightyellow";
}
else {
tds.style.backgroundColor="lightgreen";
}
});
// $(document).ready(function () {
// $("#sub").click(function () {
// if (num <= 1) {
// $("input[name='check']").bind("input propertychange",function() {
// $(this).val() =;//获得输入的值
// })
// }
// })
// })
$(document).ready(function(){$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",})});
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#time' //指定元素
});
});
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->
</html>