Question

So when I click submit it directs to error page. I’d like to validate before it redirects to error page, the plugin works like that. Is there a way to prevent the submission if there was something wrong with the user’s input ?

<input type="submit" name="submit-contact" class="button" value="Send" />

$(document).ready(function(){
  $(".button").click(function() {

        var name = $('input#name').val();
        if (name == ""){
            $('#name').addClass('errro');
            return false;}
        else {
            $('#name').removeClass('errro');}

    });
});

Answer 1

After several minutes of staring at the question I think I know what you mean. You can do that by listening for the submit event and returning false when you think that there’s something wrong with the user’s input.

$(document).ready(function(){
     $("#theForm").submit(function() {

        var name = $('input#name').val();
        if (name == ""){
            $('#name').addClass('errro');
            return false;
        }
        else {
            $('#name').removeClass('errro');
        }

    });
});