Sprawdzanie poprawności formularza w modelu Twitter Bootstrap
Mam formularz w postaci modalnej z niektórymi wymaganymi polami, ale po naciśnięciu Prześlij formularz po prostu ładuje się ponownie i nie otrzymuję żadnej wiadomości do sprawdzenia poprawności, której używam do przesłania formularza jQuery, jak poniżej:
<script>
$('#InfroTextSubmit').click(function(){
$('#InfroText').submit();
});
</script>
Kod modalny Twitter Bootstrap to:
<!-- Modal1 -->
<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Edit Introduction</h3>
</div>
<div class="modal-body">
<form id="InfroText" method="POST">
<input type="hidden" name="InfroText" value="1"/>
<table>
<tr><td>Title</td><td><input type="text" name="title" style="width:300px" required="require"/></td></tr>
<tr><td>Introudction</td><td><textarea name="contect" style="width:300px;height:200px"></textarea></td></tr>
</table>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary" id="InfroTextSubmit">Save changes</button>
</div>
</div>
<script>
$('#InfroTextSubmit').click(function(){
$('#InfroText').submit();
});
</script>
Jak więc mogę zweryfikować formularz i nie pozwolić, aby model zamknął się i przeładował, jeśli coś jest nie tak z formularzem?
Pozdrowienia,