JQuery y formulario envio archivos por mail

[pbruccoleri]

Hola a todos..

Ya he hecho formularios de contacto usando jquery, el plugin validation y todo funciona muy bien.

aqui lo que estoy usando:

Código:

$(document).ready(function(){
  $("#contactForm").validate({
	event: "blur",
	rules: {
		'nome': "required",
		'cognome': "required",
		'datanac': { required: true, date: true },
		'citta': "required",
		'indirizzo': "required",
		'nazione': "required",
		'email': { required: true, email: true },
		'url': { required: false },
		'conosciuto': "required"
	},
	
  debug: true,
  errorElement: "em",
  errorContainer: $("#errores"),
  submitHandler: function(form){
    $.ajax({
      type: "GET",
      url:"register.php",
      contentType: "application/x-www-form-urlencoded",
      processData: false,
      data: "nome="+$('#nome').val()+"&cognome="+$('#cognome').val()+"&datanac="+$('#datanac').val()+"&citta="+$('#citta').val()+"&indirizzo="+$('#indirizzo').val()+"&nazione="+$('#nazione').val()+"&tel="+$('#tel').val()+"&email="+$('#email').val()+"&url="+$('#url').val()+"&conosciuto="+$('#conosciuto').val(),
      success: function(msg){
        $("#aviso").html("Il messaggio è stato inviato correttamente!"), formReset("contactForm");      
      }
    });
  }
  });

});

Ahora, necesito hacer un formulario parecido, pero que se adjunten 5 archivos al mail, por tanto hay 5 campos tipo FILE.
He cambiado GET por POST y la cadena ContentType pero no logro que me envié nada....
Es que leyendo por ahí, veo que no es tan fácil usar esto para encío de archivos. Hay muchos plugins para subir archivos, pero lo que yo necesito es enviarlo por mail.

Alguien me puede ayudar?? Si no fui muy clara, me piden que escribo lo que falte.
Muchas gracias
chauuuuuuuuuuuuu

[jcxnet]

Y si modificas esta línea:

Código HTML:

contentType: "application/x-www-form-urlencoded"

por esta

Código HTML:

contentType: "multipart/form-data"

a ver q pasa

[pbruccoleri]

Hola jcxnet
Gracias por tu pronta respuesta, pero te cuento que eso ya lo probé y no funciona.
O sea, el mail llega, pero ni miras de los archivos adjuntos.
Alguna otra idea??
Colgué el form de prueba en http://www.reducativa.com/afi/eventi.html para que lo vean.
chauuuuuuuuuuu

[pbruccoleri]

Hola de nuevo..

Si saco todo lo de $.ajax y dejo la validación de esta manera:

Código:

<script type="text/javascript"><!--
$(document).ready(function(){
  $("#eventiForm").validate();
);
//--></script>

el formulario me envía correctamente el mail, con los archivos adjuntos, PERO, pierdo toda la interactividad que tenía, de por ej no recargar el formulario para mostrar el mensaje de que se envió correctamente el mail.

En cambio de esta otra:

Código:

<script type="text/javascript"><!--
$(document).ready(function(){
	
  $("#eventiForm").validate({
	event: "blur",
	rules: {
		'nome': "required",
		'email': { required: true, email: true },
		'url': { required: false },
		'desc': "required",
		'accetto': "required",
		'file1': {required:true, accept:'jpg|png|gif'}
	},
	
  debug: true,
  errorElement: "em",
  errorContainer: $("#errores"),
  submitHandler: function(form){
    $.ajax({
      type: "GET",
      url:"concorso.php",
      contentType: "application/x-www-form-urlencoded",
      processData: false,
      data: "nome="+$('#nome').val()+"&email="+$('#email').val()+"&url="+$('#url').val()+"&desc="+$('#desc').val()+"&file1="+$('#file1').val(),
      success: function(msg){
        $("#aviso").html("Il messaggio è stato inviato correttamente!"), formReset("eventiForm");      
      }
    });
  }
  });

});
//--></script>

que es como estaba antes, me envía el mail PERO sin los adjuntos.

[alediz21]

Hola creo que deberias usar prototypejs

[Dany_s]

porque no se puede enviar archivos con ajax, podés usar javascript puro o cualquier libreria y no se puede jeje

lo que se hace es una especie de simulación con iframes, para esa simulación se usa javascript o alguna libreria pero en el fondo es en envio común y corriente, buscá en google sobre el tema o en el buscador de fdw