在表单提交javascript时添加css

我想在提交表单时将css添加到类中，因为这需要很长时间，但不会改变！这是我的表格

<form method="post" class="std" enctype="multipart/form-data">
    <button type="submit" name="submitAddProduct" class="btn btn-default button button-medium">
        <span>Garder<i class="icon-chevron-right right"></i></span>
    </button>
</form>

还有我的剧本：

$('form.std').submit(function(e){
    $( "#circlecontainer" ).removeClass('whatever').addClass('whatever');
});

---

我想让按钮在提交的时候也被禁用吗？

你真的需要考虑使用<代码> Ajax请求< /C> >，因为这肯定会解决你的问题。照你说的

 <form method="post" class="std" enctype="multipart/form-data">

        <button type="submit" name="submitAddProduct" class="btn btn-default button button-medium">

            <span>Garder<i class="icon-chevron-right right"></i></span>

        </button>



</form>

这应该有用。

试试这个

<form id="myForm" method="post" class="std" enctype="multipart/form-data">
    <button type="submit" id="submitBtn" name="submitAddProduct" class="btn btn-default button button-medium">
        <span>Garder<i class="icon-chevron-right right"></i></span>
    </button>
</form>


$('#myForm').submit(function(e){
    $("#circlecontainer").addClass('whatever');
    $("#submitBtn").prop('disabled', true).html('Please Wait...');
});

加德
$（'#myForm'）。提交（函数（e）{
$（“#circlecontainer”）.addClass（'whatever'）；
$（“#submitBtn”）.prop（'disabled'，true）.html（'Please Wait…'）；
});

原因1。您需要e.preventDefault（），否则提交表单将刷新整个页面 理由2。由于原因1，您将需要使用ajax发布表单数据，而不是使用默认表单事件，请参考此问题了解如何在提交函数中设置表单数据

$（“#circlecontainer”）.removeClass（'whatever'））
风险值frm=$（'.std'）；
提交财务报表（功能（ev）{
$.ajax({
类型：frm.attr（'method'），
url://“您的帖子url”，
数据：frm.serialize（），
成功：功能（数据）{
$（“#circlecontainer”）.addClass（'whatever'）；
}
});
ev.preventDefault（）；
});

简单地将侦听器添加到按钮并更改class属性

 var   divClassChanger=function()
     {
        var div=document.getElementByID("circlecontainer");
        div.setAttribute("class", "someotherclass");
        document.getElementById("yourBtnId").disabled = true;
      };

    document.getElementById("yourBtnId").addEventListener("click",divClassChanger);

---

您只需在按钮中输入id即可

不清楚您想做什么。您正在尝试执行AJAX请求吗？或者您确实希望表单提交，但希望在处理请求时禁用表单提交按钮？请在提交处理程序的按钮上添加disabled属性。若要向其他元素添加任何样式，在提交处理程序时添加类，并在提交成功时将其删除。当我提交表单时，由于有许多输入，提交需要很长时间，我想禁用该按钮，以防止用户再次发送，并显示cssnot working class not change和button仍然有效？

<form id="myForm" method="post" class="std" enctype="multipart/form-data">
    <button type="submit" id="submitBtn" name="submitAddProduct" class="btn btn-default button button-medium">
        <span>Garder<i class="icon-chevron-right right"></i></span>
    </button>
</form>


$('#myForm').submit(function(e){
    $("#circlecontainer").addClass('whatever');
    $("#submitBtn").prop('disabled', true).html('Please Wait...');
});

<script type="text/javascript">
    $( "#circlecontainer" ).removeClass('whatever')
    var frm = $('.std');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: //'your post url',
            data: frm.serialize(),
            success: function (data) {
               $("#circlecontainer").addClass('whatever');
            }
        });

        ev.preventDefault();
    });
</script>

 var   divClassChanger=function()
     {
        var div=document.getElementByID("circlecontainer");
        div.setAttribute("class", "someotherclass");
        document.getElementById("yourBtnId").disabled = true;
      };

    document.getElementById("yourBtnId").addEventListener("click",divClassChanger);