Tema cerrado
Resultados 1 al 2 de 2

Tema: [duda] como validar un formulario hecho con ajax

  1. #1
    Dragonauta con Privilegios Avatar de juanescobar_org
    Fecha de ingreso
    31 ene, 09
    Ubicación
    Colombia
    Mensajes
    282
    Gracias
    193
    Agradecido 75 veces en 32 Mensajes

    Predeterminado [duda] como validar un formulario hecho con ajax

    Hola amigos,
    apenas empiezo en ajax y tengo un problema al validar un formulario de contacto. Le he colocado un captcha al formulario para evitar los bots y en la función ajax tengo la siguiente linea de código:
    Código:
    if(captcha!="bien")
    			{
    				c.innerHTML = "<p id='badmail' class='successmsg' >Rellene todos los campos.</p>";
    				return (false);
    			}
    Resulta que me esta enviando los emails se ingrese o no el captcha. A continuación pongo el código ajax completo. Si necesitan la parte del formulario y php me avisan.

    Muchas gracias de antemano.


    Código:
    function nuevoAjax(){
    var xmlhttp=false;
     try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
      try {
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
       xmlhttp = false;
      }
     }
    
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
    }
    
    function enviarMail(){
    	c = document.getElementById('resultado_mensaje');
    
    	emisor=document.contact.emisor.value;
    	email_emisor=document.contact.email_emisor.value;
    	mensaje=document.contact.mensaje.value;
    	asunto=document.contact.asunto.value;
    	captcha=document.contact.captcha.value;
    	
    	ajax=nuevoAjax();
    	c.innerHTML = '<p style="text-align:center;">Enviando...</p>'; 
    	ajax.open("POST", "enviar.php",true);
    	ajax.onreadystatechange=function() {
    		if (ajax.readyState==4) {
    			if(captcha!="bien")
    			{
    				c.innerHTML = "<p id='badmail' class='successmsg' >Rellene todos los campos.</p>";
    				return (false);
    			}
    			c.innerHTML = "<p id='success' class='successmsg'>Su email ha sido enviado! Gracias!</p>";
    		}
    		borrarCampos()
    	}
    	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    	ajax.send("emisor="+emisor+"&email_emisor="+email_emisor+"&mensaje="+mensaje+"&asunto="+asunto)			
    }
    
    function borrarCampos(){
    	document.contact.emisor.value="";
    	document.contact.email_emisor.value="";
    	document.contact.mensaje.value="";
    	document.contact.asunto.value="";
    	document.contact.emisor.focus();
    }

  2. #2
    Dragonauta con Privilegios Avatar de juanescobar_org
    Fecha de ingreso
    31 ene, 09
    Ubicación
    Colombia
    Mensajes
    282
    Gracias
    193
    Agradecido 75 veces en 32 Mensajes

    Predeterminado Solucionado

    Hola, solo era sacar el condicional de donde estaba, y colocar el envió del email en el else del condicional.

    Código:
    function enviarMail(){
    	c = document.getElementById('resultado_mensaje');
    
    	emisor=document.contact.emisor.value;
    	email_emisor=document.contact.email_emisor.value;
    	mensaje=document.contact.mensaje.value;
    	asunto=document.contact.asunto.value;
    	captcha=document.contact.captcha.value;
    		
    	ajax=nuevoAjax();
    	c.innerHTML = '<p style="text-align:center;">Enviando...</p>';
    	if(captcha!="bien")
        {
            c.innerHTML = "<p id='badcaptcha' class='successmsg' style='color:red;'>Digite el antonimo para la palabra mal en el campo Captcha.</p>";
            document.contact.captcha.focus();
            return false;
        }else
        { 
    		if(parseInt(emisor.length)<=1||parseInt(email_emisor.length)<=5||asunto=="default")
    		{
    				c.innerHTML = "<p id='badinputs' class='errormsg' style='color:red;'>Rellene todos los campos.</p>";
    				return false;
    		}else
    		{
    			ajax.open("POST", "enviar.php",true);
    			ajax.onreadystatechange=function() {
    				if (ajax.readyState==4) {
    					c.innerHTML = "<p id='success' class='successmsg'>Su mensaje ha sido enviado. Gracias!</p>";
    				}
    				borrarCampos()
    			}
    			ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    			ajax.send("emisor="+emisor+"&email_emisor="+email_emisor+"&mensaje="+mensaje+"&asunto="+asunto)
    		}
    	}
    }

Tema cerrado

Visitantes encuentran esta página buscando por:

validar formulario con ajax

validar formulario ajax

validar con ajax

como validar un formulario con ajax

foormularios de ingreso en ajax

php ajax validar formulario

captcha con ajax

validar formulario ajax php

calendario ajax formulario

validar con ajax y php

ajax validar formulario

validar captcha ajax php

validar formularios con ajax

captcha y validación de campos

validacion php ajax

validar campo con ajax

validar captcha con ajax y php

validar formulario con ajax y php

validar captcha ajax

validar formularios con ajax y php

validar ingreso ajax

formulario ajax

ajax captcha

como validar formulario con ajax

validar formulario php ajax

Etiquetas para este tema

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes