Question

我需要你的帮助，我想在点击时禁用一个按钮并提交我的表格这是代码

            {{ form_start(form, {'attr': {'id': 'myForm'}}) }}

                    //....... NOT important

                {{ form_rest(form) }}

                <button class="btn-large waves-effect waves-light fullwidth" type="submit" id="monBttn"  onclick="myFunction()" name="action"
                        value="{{ 'registration.submit'|trans({}, 'FOSUserBundle') }}">
                    <i class="material-icons left">save</i>
                    Enregistrer
                </button>
            {{ form_end(form) }}

在我的按钮中，我称之为功能，这是代码

<script>
    function myFunction() {
        buttn = document.getElementById("monBttn");
        document.getElementById("myForm").submit();
        buttn.setAttribute('disabled','disabled');
    }
</script>

我的脚本不起作用按钮被禁用但它确实提交了值在此先感谢：）

Answer 1

我创建了一个演示。它工作正常。

<强> HTML

<form>
    <input type="submit" value="submit" id="submit">
</form>

<强> SCRIPT

$(function(){
        document.getElementById("submit").onclick = function() {
            this.disabled = true;
        }
    });

Answer 2

使用

document.getElementById("monBttn").disabled = true;

你也可以显示＆＃34;请等待＆＃34;消息。

document.getElementById("monBttn").disabled = "Please wait..."

Answer 3

Thx伙伴帮助这是工作脚本：

intercept=-0.020000000000000018
slope=1.03
r^2=0.0014623322596666252

单击按钮提交表单并禁用按钮

3 个答案: