Here's how it went:
$(document).ready(function () {
var files;
// Add events
$('input[name=fileUploader]').on('change', prepareUpload);
// Grab the files and set them to our variable
function prepareUpload(event) {
files = event.target.files;
console.log("aqui",files);
}
$('#Salvar').click(function () {
if (validaDados()) {
var erro = "";
var formID = document.getElementById("formulario");
// files = this.files; // SELECIONA OS ARQUIVOS
var qtde = files.length; // CONTA QUANTOS TEM
var tamanho = 0;
if (qtde > 5) { // VERIFICA SE É MAIOR DO QUE 5
alert("Não é permitido enviar mais do que 5 arquivos.");
return false;
} else {
for (i = 0; i < qtde; i++) {
tamanho += files[i].size;
}
console.log("tamanho:", tamanho)
if (tamanho > 5000000) {
alert("Arquivo acima de uma mega;")
return false;
} else {
// SE NÃO FOR MAIS DO QUE 5 ELE CONTINUA.
if ($("#destinatario").val() == "") {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail obrigatório!");
return false;
} else {
if (validaEmail($("#destinatario").val())) {
$("#destinatario").css({ "border-color": "blue", "padding": "1px" });
$("#errodestinatario").html("");
$("#formulario").submit();
} else {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail Inválido!");
return false;
}
}
}
}
}
});
function validaDados() {
var mensagem = "";
//validações dos campos
if ($("#destinatario").val() == null || $("#destinatario").val() == "") {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail obrigatório!");
erro = "1";
} else {
if (validaEmail($("#destinatario").val())) {
$("#destinatario").css({ "border-color": "blue", "padding": "1px" });
$("#errodestinatario").html("");
} else {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail Inválido!");
mensagem = "2";
}
}
if ($("#assunto").val() == "") {
$("#assunto").css({ "border-color": "red", "padding": "1px" });
$("#erroassunto").html("Assunto é obrigatório!");
mensagem = "2";
} else {
$("#assunto").css({ "border-color": "blue", "padding": "1px" });
$("#erroassunto").html("");
}
if ($("#mensagem").val() == "") {
$("#mensagem").css({ "border-color": "red", "padding": "1px" });
$("#erromensagem").html("Mensagem é obrigatório!");
mensagem = "2";
} else {
$("#mensagem").css({ "border-color": "blue", "padding": "1px" });
$("#erromensagem").html("");
}
if ($("#fileUploader").val()=="") {
$("#fileUploader").css({ "border-color": "red", "padding": "1px" });
$("#errofileUploader").html("Anexo é obrigatório!");
mensagem = "2";
} else {
$("#fileUploader").css({ "border-color": "blue", "padding": "1px" });
$("#errofileUploader").html("");
}
if (mensagem != "")//se a variavel mensagem tiver conteudo,ou seja ,se tiver ocorrido ,algum erro no preenchimento
{
$("#resposta").addClass("alert alert-danger");
$('#resposta').html('Verifique os campos pendentes');
$('#resposta').show(); //MOSTRA A DIV DE RESPOSTA
return false;
} else { // se não
$('#resposta').html('');
$('#resposta').hide();
return true;
}
}
function validaEmail(email) {
var regex = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
return regex.test(email);
}
});// fecha $(document).ready JS
html:
<form class="form-horizontal" id="formulario" name="formulario" action="~/Gerenciamento/EnvioEmail/EnviaEmail" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Destinatario</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="destinatario" name="destinatario" />
<span class="label label-danger" id="errodestinatario"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Assunto:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="assunto" name="assunto" />
<span class="label label-danger" id="erroassunto"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Mensagem</label>
<div class="col-sm-10">
<textarea class="form-control" id="mensagem" name="mensagem"></textarea>
<span class="label label-danger" id="erromensagem"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Anexo</label>
<div class="col-sm-10">
<input class="form-control" id="fileUploader" name="fileUploader" type="file" multiple />
<span class="label label-danger" id="erroarquivo"></span>
</div>
</div>
<div id="resposta" style="display:none;"></div>
<button type="button" class="btn btn-primary" id="Salvar">Enviar</button>
</form>