javascript - 使用 Parsleyjs 在表单无效时禁用提交输入

Question

我找不到任何帮助我解决这个问题的文档。对于 Parsleyjs 来说，这似乎是一件非常简单的事情。

我想要的是在我的表单有效之前禁用提交按钮——这是我在 HTML 中的默认设置: <input id="new-node-form-submit" type="submit" value="done" disabled>

当表单知道它有效时，它应该从提交按钮中删除禁用属性。如果表单在用户填写时再次变得无效，则应添加 disabled 属性。

我正在尝试使用 Parsley 文档向表单添加监听器，然后检查表单是否有效，但我似乎无法正常工作。有什么建议么？这似乎是一件非常简单的事情，但我就是不明白。

$( '#new-node-form' ).parsley( 'addListener', {
    var isValid = $( '#new-node-form' ).parsley ( 'validate' );
    if(isValid == true) {
        console.log("Your form is valid!");
    }
}

Answer 1

您提供的示例中的 javascript 无效。 parsley('addListener') 调用的第二个参数应该是一个 javascript 对象，其中对象的属性是要将监听器添加到的 parsley 事件:

var $form = $('#new-node-form');

$form.parsley('addListener', {
    onFieldValidate: function() {
        console.log('form valid=', $form.parsley('isValid'));
    }
});