dm-v2.com/Application/Admin/View/ApplyBatch/index_old.html

<extend name="$_admin_public_layout"/>

<block name="style">
    <link rel="stylesheet" href="__PUBLIC__/libs/layui/css/layui.css" media="all">
</block>

<block name="main">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>表单集合演示</legend>
    </fieldset>

    <!-- 表单上传 -->
    <!--<form class="layui-form" method="post" action="{:U('ApplyBatch/ApplyForm')}">-->
    <form class="layui-form" method="post" action="">

        <div class="layui-form-item">
            <label style="width: 150px" class="layui-form-label">中烟公司名称</label>
            <div class="layui-input-inline">
                <select name="factory_id">
                    <option>请选择中烟公司名称</option>
                    <volist name="factory_result" id="v">
                        <option value="{$v[id]}">{$v[name]}</option>
                    </volist>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label style="width: 150px" class="layui-form-label">产品名称/规格盒型</label>
            <div class="layui-input-inline">
                <select name="product_id">
                    <option>请选择产品名称</option>
                    <volist name="product_result" id="v">
                            <option value="{$v[id]}">{$v[name]}</option>
                    </volist>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="box_type_id">
                    <option>请选择规格盒型</option>
                    <volist name="box_type_result" id="v">
                        <option value="{$v[id]}">{$v[name]}</option>
                    </volist>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label style="width: 150px" class="layui-form-label">数量/万</label>
            <div class="layui-input-block">
                <input style="width: 80%" type="text" name="code_num" lay-verify="required" placeholder="请输入二维码的数量" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label style="width: 150px" class="layui-form-label">有无验证码</label>
            <div class="layui-input-block">
                <input type="radio" name="is_verif" value="1" title="有">
                <input type="radio" name="is_verif" value="0" title="无" checked="">
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label style="width: 150px" class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea style="width: 80%" name="remark" placeholder="请输入您的备注信息" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button id="ajaxSubmit" class="layui-btn" lay-submit lay-filter="submits">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>

    </form>

    <script src="__PUBLIC__/libs/layui/layui.js"></script>
    <script src="__PUBLIC__/libs/jquery/2.x/jquery.js"></script>
    <script>
        layui.use('form', function(){
            var form = layui.form;

            //表单验证
            form.on('submit(submits)', function(data){
                var param = data.field;
                console.log(param);
//                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
                $.ajax({
                    async: false,
                    url: "{:U('ApplyBatch/ApplyForm')}",
//                    url: "http://www.smoke.com/index.php?s=/Admin/ApplyBatch/ApplyForm.html",
                    type: 'POST',
                    data: param,
                    timeout: 1000,//1秒
                    dataType: 'json',
                    success: function(result) {
                        if (result) {
                            alert(11);
                        }
                    }
                });
                return false;
            });
        });

    </script>
</block>