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

浪淘沙1年前前端125
<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>


相关文章

js 转换返回数据为json

JSON.parse(response.data);返回内容{   "statusCode": 200,   "da...

js 获取数组的值

js 获取数组的值

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

layui提交时,弹出一个确认对话框

<form class="layui-form" method="post" id="myForm"&g...

layui select 下拉被裁切 滚动显示不全的bug修复方案

<style>     .layui-form-select {      &nbs...

layui 表单 label宽度

 <style>      .layui-form-label {     ...

layui 弹出iframe

layui 弹出iframe

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

发表评论    

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