asp.net core razor 提交按钮时提示信息

浪淘沙1年前前端69
<div class="layui-fluid  paneltop20">
    <div class="layui-card  layui-padding-3">

        <form id="form2" name="form2" class="layui-form" method="post" onsubmit="disableButton1(this)">

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn  layui-btn-lg layui-bg-purple" name="excel" asp-page-handler="Down">导出考核表Excel</button>

                </div>
            </div>
        </form>

        <form id="form1" name="form1" class="layui-form" method="post" onsubmit="disableButton(this)">

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn  layui-btn-lg layui-bg-red" name="word" asp-page-handler="Submit">导出考核表Word</button>

                </div>
            </div>
        </form>

       


    </div>
</div>


<script>

    layui.config({
        base: '/layui/' // 静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(function () {

        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer;

    });
    function disableButton(form) {
        const button = form.querySelector('button[name="word"]');
        button.disabled = true;
        button.classList.add('layui-btn-disabled');

        button.textContent = '导出中,成功会有弹出框示提示...'; // 可选:更改按钮文本
    }
    function disableButton1(form) {
        const button = form.querySelector('button[name="excel"]');
        button.disabled = true;
        button.classList.add('layui-btn-disabled');

        button.textContent = '导出中,成功会有弹出框示提示...'; // 可选:更改按钮文本
    }
</script>


相关文章

layui postgresql 时间绑定格式化,去除2025-11-30T00:00:00

  "bmks":  layui.util.toDateString(data[0].bmks,"yyyy-MM-dd ...

echarts 柱状图成交金额数字格式化

<div id="main"></div>     <script type="...

layui asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

删除确认对话框

onclick=\"onconfirm('确认要删除本岗位?', 'zp', 'id=&act=del');&nb...

js 获取数组的值

js 获取数组的值

一、如图,获取responseItems的值二、js获取 var responseItems=JSON.parse(res.data.retBody).responseItems;...

layui table中单元格的行高处理

   , lineStyle: 'height: 55px;' <style>  &nbs...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。