mashangyoujiu/Application/Retail/View/Guide/edit.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">
        <input type="hidden" id="id" value="{$data['id']}" name="id">
        <div class="layui-form-item">
            <label class="layui-form-label">所属门店：</label>
            <div class="layui-input-inline">
                <input type="text" name="storeid" disabled value="{$store_data['storetag']}" id="storeid" lay-verify="required"  autocomplete="off" class="layui-input" style="color: #6c6c6c;">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">姓名：</label>
            <div class="layui-input-inline">
                <input type="text" name="guidename" value="{$data['guidename']}" id="guidename" lay-verify="required"  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="jobnum" value="{$data['jobnum']}" id="jobnum" lay-verify="required"  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="phone" value="{$data['phone']}" id="phone" lay-verify="required"  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="password" name="pass" value="" id="pass" 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="entrytime" id="date" lay-verify="date" placeholder="年-月-日" autocomplete="off" value="{$data['entrytime']}" 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="{$data['address']}" id="address" lay-verify="required"  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="{$data['paynumber']}" id="paynumber" lay-verify="required"  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="{$data['chatnumber']}" id="chatnumber" lay-verify="required"  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']}" <if condition="$data['bank'] == $vo['id']">selected</if>
                        >{$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="{$data['cardholder']}" id="cardholder" lay-verify="required"  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="{$data['cardnumber']}" id="cardnumber" lay-verify="required"  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>
<script type="text/javascript">
    layui.use(['form','layer','laydate',], function() {
        var form = layui.form;
        var layer = layui.layer
        var laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        $('#submit').click(function () {
            var pass = $('#pass').val()
            var guidename = $('#guidename').val();
            var jobnum = $("#jobnum").val();
            var phone = $("#phone").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 id = $("input[name='id']").val();
            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;
            }
            if (!jobnum) {
                layer.msg("请输入工号");
                return false;
            }else{              // 判断工号格式
                if (regone.test(jobnum) == false) {
                    layer.msg("请输入正确工号格式");
                    return false;
                }
            }
            if (!phone) {
                layer.msg("请输入手机号");
                return false;
            }else{
                if(!reg.test(phone)){
                    layer.msg('请输入正确的手机号码');
                    return false;
                }
            }
            if(pass){
                if(pass.length > 18 || pass.length < 6){
                    layer.msg("亲输入正确的密码格式");
                    return false;
                }
                if(!newcheckPwd(pass)){
                    layer.msg("密码错误,必须是字母，数字，符号");
                    return false;
                }
            }
            if (!entrytime) {
                layer.msg("请输入入职日期");
                return false;
            }
            if (!address) {
                layer.msg("请输入地址");
                return false;
            }
            if (!paynumber) {
                layer.msg("请输入支付宝账号");
                return false;
            }
            if (!chatnumber) {
                layer.msg("请输入微信账号");
                return false;
            }
            if (!bank) {
                layer.msg("请输入银行类型");
                return false;
            }
            if (!cardholder) {
                layer.msg("请输入持卡人姓名");
                return false;
            }
            if (!cardnumber) {
                layer.msg("请输入银行卡卡号");
                return false;
            }
            if (!regtwo.test(cardnumber)) {
                layer.msg("请输入正确格式的银行卡卡号");
                return false;
            }
            var id = {$data['id']};
            var data = {
                id:id,
                guidename:guidename,
                phone:phone,
                pass:pass,
                entrytime:entrytime,
                address:address,
                jobnum:jobnum,
                paynumber:paynumber,
                chatnumber:chatnumber,
                bank:bank,
                cardholder:cardholder,
                cardnumber:cardnumber,
            }
            $.ajax({
                url:"{:U('update')}",
                data:data,
                type:"post",
                success:function(data){
                    if (data.status == 1) {
                        layer.msg(data.msg, {time: 1000, icon:1},function () {
                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                        });
                    } else {
                        layer.msg(data.msg, {icon: 7});
                    }
                }  
            })
        })
        function newcheckPwd(pwd){
            var reg=/^[a-zA-Z0-9.+*-/<>?!@#$%^&*():''"";]{1,}$/;
            if(!reg.test(pwd)){
                return false;
            }
            return true;
        }
    })
   
</script>
</body>
</html>