2015-11-17 4 views
0

У меня есть эта разметка:Как отправить форму в JQuery OnChange() событие - Bootstrap вовлеченной

<form id="dpl" class="form-horizontal" method="post"> 
    <label class="col-md-1 control-label" for="report_date">Svc Date</label> 
    <div class="col-md-3" id="dispatchLog-container"> 
     <div class="input-group date"> 
      <input id="dpl_date" name="start" type="text" class="form-control" required="" value="11/17/2015" tabindex="-1"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 

     </div> 
    </div> 
</form> 

и этот JQuery:

$('#dpl_date').on('change', function() { 
    alert('pre submit'); 
    $('#dpl').submit(); 
    alert('post submit'); 
}); 

Поведение:

Оба предупреждения стреляют onChange(), но форма не подходит bmit. Есть идеи?

+1

Вы уверены, что вы не предотвратили форму быть занесена? Возможно, это «родное» событие bootstrap jq. Я бы попробовал: '$ ('# dpl') [0] .submit();' –

+0

Спасибо @AWolf - я даю эту попытку сейчас и postback –

+0

Это не работает @AWolf –

ответ

2

Я думаю, что вы пропустите атрибут действия в вашем виде тега

Я вам попробовать:

$('#dpl_date').change(function() { 
    alert('pre submit'); 
    $('#dpl').submit(); 
    alert('post submit'); 
}); 
+0

Да, я просто поймал, что после публикации я пошел в разметку и добавил. Но все равно не подчиняется. –

+0

«Форма» все еще должна быть отправлена ​​ –

+0

, но если действия отсутствуют, она будет отправлена ​​на ту же страницу. – Aatman

Смежные вопросы