When I click submit, it does not validate the fields, simply submit without submitting. Does anyone know what it can be?
Obs : The form has an id form_redes_social and all fields have their id and names correctly.
$(document).ready(function () {
$("#form_redes_sociais").validate({
rules: {
facebook: {
required: true,
minlength: 5
},
instagram: {
minlength: 5
},
google: {
minlength: 5
},
pinterest: {
minlength: 5
},
twitter: {
minlength: 5
},
youtube: {
minlength: 5
}
},
submitHandler: function () {
dados = $('#form_redes_sociais').serialize();
alterarLinks(dados);
}
});
function alterarLinks(dados) {
$.ajax({
url: path + 'administrador/alterarLinks',
type: 'POST',
data: {'dados': dados},
beforeSend: function () {
exibeCarregando();
},
complete: function () {
removeCarregando();
},
success: function (response) {
if (parseInt(response) === 1) {
$(".dados-alterados").show(1000);
setTimeout(function () {
$(".dados-alterados").fadeOut(1000);
}, 5000);
} else {
console.log("Ocorreu um erro");
}
},
error: function (erro, er) {
console.log(erro, er);
}
});
}
});
HTML
<form id="form_redes_sociais" class="form-horizontal form-bordered">
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Facebook</label>
<div class="col-md-6">
<input type="text" class="form-control" id="facebook" name="facebook" placeholder="EX: https://facebook.com/seuusuario">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Instagram</label>
<div class="col-md-6">
<input type="text" class="form-control" id="instagram" name="instagram" placeholder="Ex: https://instagram.com/seuusuario">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Google+</label>
<div class="col-md-6">
<input type="text" class="form-control" id="google" name="google" placeholder="EX: https://plus.google.com/seuusuario">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Pinterest</label>
<div class="col-md-6">
<input type="text" class="form-control" id="piterest" name="pinterest" placeholder="EX: https://pinterest.com/seuusuario">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Twitter</label>
<div class="col-md-6">
<input type="text" class="form-control" id="twitter" name="twitter" placeholder="EX: https://twitter.com/seuusuario">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="inputDefault">Youtube</label>
<div class="col-md-6">
<input type="text" class="form-control" id="youtube" name="youtube" placeholder="EX: https://youtube/seucanal">
</div>
</div>
<p class="text-center">
<br />
<button class="mb-xs mt-xs mr-xs btn btn-primary" type="submit"> Atualizar <i class="fa fa-check"></i></button>
</p>
</form>