javascript - Enable submit button after validation using parsleyjs -


does parsley have easy way load form submit button disabled , enable validation requirements of form have been met?

i'm not sure mean "easy" after can accomplished.

you need listen events parsley:form:success , parsley:form:error enable / disable button.

you need monitor changes each form field in order force parsley validate. tipically parsley executes validation once click on submit. since submit disabled, you'll need trigger validation manually.

so, here's working example (jsfiddle):

<form>     <input type="text" name="field" data-parsley-required />     <button type="submit" disabled>submit</button> </form>  <script> $(document).ready(function() {     // bind parsley form     $("form").parsley();      // whenever parsley validates successfully, enable submit button     $.listen('parsley:form:success', function(parsleyform) {         parsleyform.$element.find('button').prop('disabled', false);     });      // when validation error occurs, disable submit button     $.listen('parsley:form:error', function(parsleyform) {         parsleyform.$element.find('button').prop('disabled', true);     });      // need monitor form fields , force parsley's validation manually     // result in enabling or disabling submit button     $("form :input").change(function() {         $(this).closest('form').parsley().validate();     }); }); </script>

note you'll need make monitor changes of fields (inputs, selects, textareas, etc).


-

Popular posts from this blog

javascript - Js, document.getElementById("ID").innerHTML, error -

hello i'm new javascript, , i'm try write out code test site , i'm having problems, dow below code , keep getting error , can't figure out why. typeerror: null not object (evaluating 'document.getelementbyid("h3").innerhtml = "<h3>you date!</h3>"') this second method tried using. i'm trying have have version list first 1 had pull .js file , build table, didn't work thought try this, guess happened? not working my code i'm using below. if can amazing. thanks, dakmessier var current = "1.0"; function get_latest(){ document.getelementbyid("bob").innerhtml = current; } if (local != current){ document.getelementbyid("get").innerhtml = "<button><a href=\"bla\">get latest update!</a></button>"; } else if (local == current){ document.getelementbyid("h3").innerhtml = "<h3>you date!</h3>"; } else { document.g...
Read more

objective c - Is there a way in OCMockito to make stubs fail when an unknown method is called? -

when creating stub in ocmockito, use calls stub out method calls , return values: [given([stubobject mymethod]) willreturn:somevalue]; the problem have if don't define method method gets called during test, default seems to return nil . can lead sneaky bugs since real methods asserted never return nil , therefore return value not tested in code calling method. is there way change default behavior or maybe test if called on object apart few methods i'm stubbing? no, ocmockito stubs "nice". if want "strict" stubs, ocmock may suit better.
Read more

jquery - jqGrid update specific column data with out refreshing the entire column? -

i using jqgrid in project . want update/refresh specific column data out refreshing entire grid. please give me idea that. here possible solution. can use 'setcell' in jqgrid set value specific cell in column. see fiddle here: https://jsfiddle.net/99x50s2s/4/ i hope above fiddle give idea complete task. <table id="sg1"></table> <div id="psg1"></div> <br> <button type="button" id="setcolumnbtn">update 'amount' column</button> jquery("#sg1").jqgrid({ datatype: "local", gridview: true, loadonce: true, shrinktofit: false, autoencode: true, height: 'auto', viewrecords: true, sortorder: "desc", scrollrows: true, loadui: 'disable', colnames:['inv no','date', 'client', 'amount','tax','total','notes'], colmodel:[ {name:...
Read more