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

浪淘沙2年前前端175
<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 弹出iframe

layui 弹出iframe

<div class="layui-panel layui-padding-3">     <for...

asp.net code webapi layui ajax post表单数据

using System; using System.Collections.Generic; using System.Linq; using Syst...

layui 横排 前后说明 排版代码

layui 横排 前后说明 排版代码

<div class="layui-form-item">     <div class="...

layui 为CKEditor 4 赋值 经常不显示

 // 在编辑器初始化后赋值  setTimeout(function() {   CKEDITOR.instances[...

layui checkbox选中事件

 <input type="checkbox" name="danye" id="danye"...

删除确认对话框

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

发表评论    

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