如何避免重复表单提交?

时间:2017-10-24 11:08:16

标签: javascript

我正在创建一个表单,我希望避免用户提交错误的表单。 我怎么能用javascript来避免? 对不起拼写错误,我必须使用翻译 谢谢。

3 个答案:

答案 0 :(得分:1)

您可以使用jquery validation plugin进行无效表单提交

您可以在此处获取更多详细信息和教程:jquery validation plugin tutorial

答案 1 :(得分:1)

由于缺乏细节,我会在黑暗中进行拍摄,但是,如果您使用按钮类型提交提交表单并且您想控制何时提交,请通过点击事件到表单,然后,在函数中,只需写

event.preventDefault()

在所有代码之前......这样表单就不会自动提交

答案 2 :(得分:-1)

<DOCTYPE html>
    <html>

    <head>
        <meta charset="UTF-8">
        <title>evitar envio duplicado</title>
        <script type="text/javascript">
            function submit() {
                document.getElementById("submit").value = "enviando...";
               document.getElementById("submit").disabled = true;
                return true;
            }
        </script>

    </head>

    <body>
        <form id="formulario" action="#"> <!-- el asterisco le sustituimos por la URL a mandar formulario*/-->

            <input type="button" value="Enviar" onclick="this.disabled=true; this.value='enviando ...'" /> <!--añadiendo this.form.submit enviamos el formulario-->
        </form>


    </body>

    </html>