Tengo un formulario donde uso boostrap y jquery.
Tengo los campos input text como required, pero cuando hago pulso en el botón de "enviar" no me marca que son campos requeridos y me deja hacer el envío:
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<strong>Peso:</strong>
<input type="text" name="weight" class="form-control" placeholder="peso" required>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<strong>Altura:</strong>
<input type="text" name="height" class="form-control" placeholder="height" required>
</div>
</div>
</div>
Luego en el botón submit hago esto
$(".btn-submit").click(function(e){
$('#alert-ok').css('display', 'none');
$('#error-list').css('display', 'none');
e.preventDefault();
...
Gracias.
#alert-ok
y#alert-list
cuando pulsas el botón independientemente de si el formulario es válido o no.e.preventDefault();
que estás usando para el botón de submit. Ahora, mi pregunta es ¿Para que lo estás usando?