jQuery - Form not validating

Question

In the following form when I hit submit, it alerts 111, but does not send an ajax request. It instead sends a page-refreshing submit request. Why?

<form id="post_answer_form" method="POST" action="some_url">
    <fieldset>
        <textarea id="qanswer" name="qanswer"></textarea>
        <button type="submit">Post Your Answer </button>
        <button type="submit" style="display: none;">Update </button>
    </fieldset>
</form>

I'm validating it against some rules as follows:

$(document).on('submit', '#post_answer_form', function(){
    alert(111)
    tinymce.triggerSave();
}).validate({
    ignore: '',
    rules: {
        qanswer: {
            required: true,
        }
    },
    submitHandler: function(form) {
        alert(111)
        $.ajax({
            ...
        });
        return false
    },
});

what is `tinymce.triggerSave();' ? are you trying to trigger saving something regardless form is valid or not ? — Kandarp Kalavadia, Oct 16 '16 at 17:10
Well, I'm using a library which needs to be saved before validating. — Praful Bagai, Oct 16 '16 at 17:14

Kandarp Kalavadia · Accepted Answer · 2016-10-16T18:05:16.250

0

Your validation is not working because you are not applying validate on form . you can try following code.

$(function(){   
    $('#post_answer_form').submit(function(e) {
        e.preventDefault();    
        tinymce.triggerSave();
        if($('#post_answer_form').valid()){
            // Submit form using ajax or using .submit() 
            $.ajax({
                ...
            });
        }
    }); 

    $('#post_answer_form').validate({
        ignore: '',
        onsubmit : false,
        rules: {
            qanswer: {
                required: true,
            }
        }
    });
});

edited Oct 16 '16 at 18:05

answered Oct 16 '16 at 17:44

Kandarp Kalavadia

492
6
9

@pythonEnthusiast Have you tried above code ? Code is self explanatory but let me know if you don't understand it . I will put more explanation. – Kandarp Kalavadia Oct 17 '16 at 04:48
There's another query of mine related to Jquery Validation. Can you please have a look. http://stackoverflow.com/questions/40092806/jquery-validating-only-one-form-out-of-multiple-forms/40093045#40093045 – Praful Bagai Oct 18 '16 at 09:10

jQuery - Form not validating

1 Answers1