239 行
10 KiB
HTML
可执行文件
239 行
10 KiB
HTML
可执行文件
<!DOCTYPE html>
|
||
<html>
|
||
<!--[1.3.89]-->
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<title></title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
|
||
<style>
|
||
|
||
.layui-input-inline{
|
||
width: 326px!important
|
||
}
|
||
.layui-form-label{
|
||
width:90px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div style="padding: 30px;">
|
||
<form class="layui-form" action="" id="addform">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">所属门店：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="storeid" value="{$store_data['storetag']}" id="storeid" lay-verify="required" disabled autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">姓名：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="guidename" value="" id="guidename" lay-verify="required" autocomplete="off" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">工号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="jobnum" value="" id="jobnum" lay-verify="required" autocomplete="off" placeholder="请输入，请勿与其他导购员相同" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">手机号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="phone" value="" id="phone" lay-verify="required" autocomplete="off" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">密码：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="password" name="pass" value="" id="pass" lay-verify="required" autocomplete="off" placeholder="请输入，6~18位字符" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">入职日期：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="entrytime" id="date" lay-verify="date" placeholder="年-月-日" autocomplete="off" class="layui-input" style="width: 100%;">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">地址：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="address" value="" id="address" lay-verify="required" placeholder="请输入现居住地址" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付宝账号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="paynumber" value="" id="paynumber" lay-verify="required" placeholder="请输入支付宝账号" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">微信账号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="chatnumber" value="" id="chatnumber" lay-verify="required" placeholder="请输入微信账号" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">银行卡类型：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="bank_id" id="bank_id" style="width: 200px;">
|
||
<option value="" style="color: #d2d2d2;">请选择开户银行</option>
|
||
<volist name="bank" id="vo">
|
||
<option value="{$vo['id']}">{$vo.bank_name}</option>
|
||
</volist>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">持卡人：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="cardholder" value="" id="cardholder" lay-verify="required" placeholder="请输入持卡人" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">银行卡号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="cardnumber" value="" id="cardnumber" lay-verify="required" placeholder="请输入银行卡卡号" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<form class="layui-form" action="">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"></label>
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn" type="button" id="submit">立即提交</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
||
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
|
||
<script>
|
||
layui.use(['form', 'layedit', 'laydate'], function(){
|
||
var form = layui.form
|
||
,layer = layui.layer
|
||
,layedit = layui.layedit
|
||
,laydate = layui.laydate;
|
||
|
||
//日期
|
||
laydate.render({
|
||
elem: '#date'
|
||
});
|
||
laydate.render({
|
||
elem: '#date1'
|
||
});
|
||
|
||
$("#submit").click(function () {
|
||
var guidename = $('#guidename').val();
|
||
var jobnum = $("#jobnum").val();
|
||
var phone = $("#phone").val();
|
||
var pass = $("#pass").val();
|
||
var entrytime = $("#date").val();
|
||
var address = $("#address").val();
|
||
var paynumber = $("#paynumber").val();
|
||
var chatnumber = $("#chatnumber").val();
|
||
var bank = $("#bank_id").val();
|
||
var cardholder = $("#cardholder").val();
|
||
var cardnumber = $("#cardnumber").val();
|
||
var pwdLen = pass.length;
|
||
var reg = /^1[3456789]\d{9}$/;
|
||
var regone = /^[a-zA-Z0-9]{1,}$/;
|
||
var regtwo = /^([1-9]{1})(\d{14,18})$/;
|
||
|
||
if (!guidename) {
|
||
layer.msg("请输入导购员姓名");
|
||
return false;
|
||
} else if (!jobnum) {
|
||
layer.msg("请输入工号");
|
||
return false;
|
||
} else if (regone.test(jobnum) == false) {
|
||
layer.msg("请输入正确工号格式");
|
||
return false;
|
||
} else if (!phone) {
|
||
layer.msg("请输入手机号");
|
||
return false;
|
||
}else if(!reg.test(phone)){
|
||
layer.msg('请输入正确的手机号码');
|
||
return false;
|
||
} else if (!pass) {
|
||
layer.msg("请输入密码");
|
||
return false;
|
||
} else if (pwdLen>16||pwdLen<6){
|
||
layer.msg("密码不得少于6个字符串长度,不得超过16个")
|
||
return false;
|
||
}else if(!newcheckPwd(pass)){
|
||
layer.msg("密码错误，必须是字母，数字，符号")
|
||
return false;
|
||
}else if (!entrytime) {
|
||
layer.msg("请输入入职日期");
|
||
return false;
|
||
} else if (!address) {
|
||
layer.msg("请输入地址");
|
||
return false;
|
||
}else if (!paynumber){
|
||
layer.msg("请输入支付宝账号");
|
||
return false;
|
||
}else if (!chatnumber){
|
||
layer.msg("请输入微信账号");
|
||
return false;
|
||
}else if (!bank){
|
||
layer.msg("请输入银行类型");
|
||
return false;
|
||
}else if (!cardholder){
|
||
layer.msg("请输入持卡人");
|
||
return false;
|
||
}else if (!cardnumber){
|
||
layer.msg("请输入银行卡号");
|
||
return false;
|
||
} else if (!regtwo.test(cardnumber)){
|
||
layer.msg("请输入正确格式的银行卡卡号");
|
||
return false;
|
||
}
|
||
var data = {
|
||
phone:phone,
|
||
guidename:guidename,
|
||
pass:pass,
|
||
entrytime:entrytime,
|
||
address:address,
|
||
jobnum:jobnum,
|
||
paynumber:paynumber,
|
||
chatnumber:chatnumber,
|
||
bank:bank,
|
||
cardholder:cardholder,
|
||
cardnumber:cardnumber,
|
||
}
|
||
$.ajax({
|
||
url: "{:U('create')}",
|
||
type: "post",
|
||
data:data,
|
||
success: function (data) {
|
||
if (data.status == 1) {
|
||
layer.msg(data.msg, {time: 1000, icon:1}, function () { top.layer.closeAll(); });
|
||
} else {
|
||
top.layer.msg(data.msg, {time: 1000, icon: 2});
|
||
}
|
||
}
|
||
})
|
||
})
|
||
|
||
//监听提交
|
||
form.on('submit(demo1)', function(data){
|
||
layer.alert(JSON.stringify(data.field), {
|
||
title: '最终的提交信息'
|
||
})
|
||
return false;
|
||
});
|
||
|
||
function newcheckPwd(pwd){
|
||
var reg=/^[a-zA-Z0-9.+*-/<>?!@#$%^&*():''"";]{1,}$/;
|
||
if(!reg.test(pwd)){
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |