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

时间:2013-10-02 18:17:31

标签: javascript forms parsley.js

我找不到任何帮助我解决这个问题的文档。对于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!");
    }
}

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

The question is old and probably parsley updated its API but I can't get JSONObject json = jsonParser.getJSONFromUrl(registerURL, params); return json; } catch(Exception e) { e.printStackTrace(); } working, here's an alternative:

addListener