Tenho esse código que faz validação a um formulário se tem campos vázios senão tiver ele faz o submit do formulário:
$("#btnAdd").click(function (e) {
e.preventDefault();
var erros = 0;
$("#formAdd input").each(function () {
$(this).val() == "" ? erros++ : "";
});
$("#formAdd textarea").each(function () {
$(this).val() == "" ? erros++ : "";
});
if (erros > 0) {
$("#msg").show().fadeIn(500).delay(1500).fadeOut(600);
} else {
$(this).submit(function () {
var form = $(this);
var dados = new FormData($(this)[0]);
$("#btnAdd").prop("disabled", true);
$.ajax({
url: 'u/add',
cache: false,
contentType: false,
processData: false,
data: dados,
type: 'post'
}).done(function (data) {
fetchUser();
alert("Dados Salvos com Sucesso");
console.log("STATUS : ", data);
$("#btnAdd").prop("disabled", false);
$('#modalAddfoto').modal('hide');
$('.addfoto')[0].reset();
}).fail(function (jqXHR, textStatus) {
console.log("Request failed: " + textStatus);
$("#btnAdd").prop("disabled", false);
});
return false;
});
}
});
ele válida normal porém não está entrando nessa parte do código:
$(this).submit(function () { ... }
Detalhe, se eu tirar a validação e fazer $('#formAdd').submit(function () { ... }
funciona normalmente.
this
nesse contexto está referenciando o #btnAdd e não o form#formAdd
que é o formulário também não funciona.