i'm using boostrapvalidator nghuuphuoc , i've situation, when validation fired buttons disabled. problem me because want specific button skipped validation. there anyway of doing using validator?
thanks!
i came across same problem wants keep 2 buttons alive if form has invalid field(s).
figured out three possible solutions.
by default, submit button(s) disabled if there @ least 1 invalid field
minimal generic example having multiple buttons disabled if form field(s) invalid.
solution-1
change other button's type type="submit"
type="button"
keep other buttons alive , disable submit button if form field(s) invalid.
solution-2
add attribute name="submitme"
only form submit
button , define in bootstrapvalidator
plugin call.
important: not use attribute name="submit"
if submit button remain disabled if field(s) valid.
note: in solution, buttons have type="submit"
$(document).ready(function () { $('#selector').bootstrapvalidator({ submitbuttons: 'button[name="submitme"]', // rest of validation code goes here }); });
this disable submit
button , keep other buttons alive if form field(s) invalid.
solution-3
use form event status.field.bv
, check if form field(s) valid or not keep other button's alive
note: solution tested , work new version 0.5.3
$(document).ready(function () { $('#selector').bootstrapvalidator({ // rest of validation code goes here }).on('status.field.bv', function (e, data) { formisvalid = true; if(formisvalid) { $('#cancel').attr('disabled', false); $('#reset').attr('disabled', false); } }); });
note: added id's
button(s) needs alive if form field(s) invalid.
Comments
Post a Comment