使用 JS 修改提交按钮的处理状态

文章目录

    代码

    $('#email_submit').prop('disabled', true);
    $('#email_submit').attr('style', 'background: grey !important');
    $('*').css('cursor', 'progress');
    
    $('#email_submit').prop('disabled', false);
    $('#email_submit').attr('style', 'background: #e40013 !important');
    $('*').css('cursor', 'default');
    

    修改鼠标样式为“处理中”

    $("body").css("cursor", "progress");
    

    这个效果还能更好一些,因为提交之后,如果鼠标移动到输入框上,可能变更鼠标的样式。
    最好是所有元素的鼠标样式都修改掉

    $('*').css('cursor', 'progress');
    

    jquery 通过 css 修改 important 样式无效

    需要使用修改 style 属性的方式

    $('#email_submit').attr('style', 'background: grey !important');
    

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式