Feedback on Submit Button about jqbootstrapvalidation HOT 4 CLOSED

I've been thinking about this, but I'm not sure controlling the button is possible. theres a lot of different ways to submit a form ( [type=image], submit, javascript function, etc), and I can't guarantee the button both exists and will be wrapped in bootstrap.

Plus some forms disable the button just after submitting so you don't click twice accidentally, so it might not be enough of an indication that something went wrong.

Hows about adding the "error" class to the form element (bootstrap is smart enough that it doesn't wreck all the fields) and two javascript callbacks?

.jqBootstrapValidation(
    {
        submitFail: function ($form, errors) { 
            alert("invalid!") 
        }, 
        submitSuccess: function ($form, errors) { 
            alert("OK, submitting"); 
        }
    }
);

That way you could set up your own "you have errors!" message in css, or a customised one with the actual errors via JS.

Not done yet, its still an idea. What do you think?

from jqbootstrapvalidation.

you could possibly scroll the browser up to that position of the first fail? The behaviour is already in use (of sorts) within bootstrap - scrollspy.

that way the button can exist as the developer had intended...

from jqbootstrapvalidation.

Sorry, I think this is outside of the scope I'd like to keep to.

from jqbootstrapvalidation.

as described above.
add submit success function:
submitError: function ($form, event, errors) {
/* ... */
goToByScrollByObj($("form div.control-group.error").first());
},

and add this function to your common javascript file.
function goToByScrollByObj(obj){
// Scroll
if (obj)
$('html,body').animate({
scrollTop: obj.offset().top},
'slow');
}

can probably be slightly improved but this should work.

from jqbootstrapvalidation.