javascript - 避免提交表单两次 Parsley - Jquery

标签 javascript jquery parsley.js

我试图避免两次提交表单。 基本上,我想在第一次点击后禁用提交按钮,如果表单通过验证。

我正在使用 Parsley,这是我尝试做的:

<script type="text/javascript">
    window.Parsley.on('parsley:form:validated', function(e){
        if (e.validationResult) {
            alert("OK");
            $('input[type=submit]').attr('disabled', 'disabled');
        }else{
            alert("KO");
        }
    });
</script>

但它似乎从未调用过。警报永远不会出现。

我做错了什么?

请注意,我在每个带有表单的页面扩展的布局中添加了该脚本。因此,我没有直接使用 id。

最佳答案

我是这样解决的:

<script type="text/javascript">
    $(function () {
        $('form').parsley().on('form:validated', function(e) {
            if (e.validationResult) {
                $('input[type=submit]').attr('disabled', 'disabled');
            }
        });
    });
</script>

关于javascript - 避免提交表单两次 Parsley - Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49147161/

相关文章:

javascript - WS ://over https://- mixed content

javascript - 从 javaScript 设置 twig 变量

jquery - 我怎样才能隐藏按钮中的子图像

php - JSON 数据未在 POST 中发送?

Parsley.js 无法处理多页表单,使用数据欧芹组

javascript - 单击提交按钮进行引导模式和 parsley.js 验证后如何防止页面重新加载?

javascript - 在移动设备上隐藏Figcaption

javascript - Modernizr yepnope 条件回调仅在 false 时

javascript - 如何使容器的背景颜色覆盖屏幕的整个宽度?

javascript - Parsley.js - 访问 UI 已弃用。直接在实例上调用 'getErrorsMessages'