Unable to submit form with .submit ()

Question

I need to trigger a form submit event when the form value changes and all form fields are filled. Everything in this works separately from the line $('#date_filter_form').submit();. I can .hide () the form, but I can not send it () for some reason. The documentation says that submit () is the same as trigger ('submit'), so I cannot understand why it will not work.

$('#date_filter_form input[type="text"]').change(function() {
    var from_val = $('#date_filter_form #from_date').val();
    var to_val = $('#date_filter_form #to_date').val();
    if(from_val != '' &&  to_val != '') {
        $('#date_filter_form').submit();
    }
});

HTML:

<form method="post" id="date_filter_form" name="date_filter_form" action="">
   <label class="left required" for="from_date">From</label>
   <input type="text" id="from_date" class="datepicker hasDatepicker" value="" name="from_date">
   <label class="left required" for="to_date">to</label>
   <input type="text" id="to_date" class="datepicker hasDatepicker" value="" name="to_date">

    <input type="hidden" value="" name="from_date_db">
    <input type="hidden" value="" name="to_date_db">

    <input type="submit" id="submit" class="button" value="Show results" name="submit">
</form>

Answer 1

Your button submithas a name 'submit'and it encounters a method form.submit.

, , , , form, name .

submit form.submit, .

, IE id.

. :

• -

, HTML, script, . NAME (, , ID), FORM. INPUT = "submit" NAME "submit" . FORM, INPUT submit. , FORM "submit" , , script.

Answer 2

yo

date_filter_form

date_filter 

,