thinkadmin提交时判断是否上传文件和必填项不为空,否则禁止提交并提示信息

前端html代码

<form onsubmit="return false;" action="{:request()->url()}" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off" id="comment">
    <div class="think-box-shadow">
        <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>选择供应商</legend>
            </fieldset>
            <div class="layui-form-item layui-inline" >
                <div class="layui-input-inline">
                    <select class="layui-select" name="id" id="gys">
                        <option value="">-- 选择已具备资质的供应商 --</option>
                        {foreach $supplierName as $k=>$v}
                        <option value="{$v.id}">{$v.supplier_name}</option>
                        {/foreach}
                    </select>
                </div>
            </div>
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>上传合同</legend>
            </fieldset>
                <input name="file_path" value=""  type="hidden" id="fp">
                <button data-file="btn" data-uptype="local"  data-type="doc,docx,xls,xlsx" type="button" data-field="file_path" class="layui-btn layui-btn-normal" data-name="file" >
                    <i class="layui-icon"></i> 上传文件
                </button>
                <!--显示上传文件的名字-->
                <span id="file_path"></span>
            <p style="margin-top: 20px;"><span style="color: #d43f3a">*</span>注意  <span style="color: #949494;">上传文件的格式xls、docx、pdf,大小不超过2M</span></p>
            <div class="hr-line-dashed"></div>
            <div style="text-align: center;">
                <div class="layui-inline">
                    <button class="layui-btn layui-btn-normal layui-icon layui-icon-auz" type='button' id="submit">确认上传</button>
                    <button class="layui-btn layui-btn-primary" type='reset'>重置</button>
                </div>
            </div>
        </div>
    </div>
</form>

js代码部分

 //获取点击事件
    $('#submit').on('click',function(){
        var id = $('#gys').val();
        var file_path = $('#fp').val();
        if($.trim(id)=='')
        {
            layer.msg('请选择供应商');
            return false;
        }
        if($.trim(file_path)=='')
        {
            layer.msg('请上传文件');
            return false;
        }
       $.post("{:url('contractaddPost')}",$('#comment').serialize(),function(data){
            if(data.status==0){
                layer.msg(data.message);
            }
       })
    });

显示结果页
在这里插入图片描述

发布了161 篇原创文章 · 获赞 0 · 访问量 7406

猜你喜欢

转载自blog.csdn.net/weixin_39218464/article/details/105181877