Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
etiquetas editadas
Enlace
user13558
user13558
se añadieron 2494 caracteres en el cuerpo
Origen Enlace
AntonioMP87
  • 499
  • 3
  • 15
  • 29

Añado la parte del codigo que recoge los datos.

<form id="Formulario" name="formucontacto">
              <div class="center">
              <div id="free-h">
                 <h3>Pide tu demo <strong>Gratuita!</strong></h3>
                <span><img src="images/icon-tlf.png" alt="Teléfono" width="24" height="34" align="absmiddle"/><a href="tel:+665458897">+665458897</a></span>
                <fieldset>
                    <input type="text" id='nombre' name="nombre" placeholder="Introduce tu nombre..." required>
                    <input id='mail' name="mail" type = 'email' placeholder="Introduce tu correo electrónico" required>
                    <input id='Telefono' name="telefono" type = 'text' placeholder="Introduce tu telefono" required>
                    <select id="producto" required>
                        <option value="" default>-- Selecciona tu producto --</option>
                        <option value="1">Producto1</option>
                        <option value="2">Producto2</option>
                        <option value="3">Producto3</option>
                        <option value="4">Producto4</option>
                        <option value="5">Producto5</option>
                        <option value="6">Otro...</option>
                    </select>
                    <span class="legal">
                        <input name="condiciones" id='Condiciones' type="checkbox" required>Acepto la
                            <a style="color:#aaa; overflow:auto; text-decoration:underline;" onclick="window.open(this.href, this.target, 'width=400,height=720'); return false;" target="_blank" href="nota.html">política de privacidad.</a>
                    
                      <div class="g-recaptcha" data-sitekey="6LfM6h8UAAAAAAGzSXe_abDnV3slmQdVOsO2elXz" data-callback="enableBtn"></div> 

                    <!--      <div class="g-recaptcha" data-sitekey="Aqui va la clave de recaptcha Google" data-callback="enableBtn"></div> -->
                    </span>

                   <input type="submit" onClick = 'validarcontacto()' id="solicitar" value="SOLICITAR" disabled />                    
                </form>

Basicamente, al validar el Captcha es cuando el boton de SOLICITAR se habilita, y al pulsar sobre este se realiza la validacion de los campos, y posteriormente el envio de los datos.

Añado la parte del codigo que recoge los datos.

<form id="Formulario" name="formucontacto">
              <div class="center">
              <div id="free-h">
                 <h3>Pide tu demo <strong>Gratuita!</strong></h3>
                <span><img src="images/icon-tlf.png" alt="Teléfono" width="24" height="34" align="absmiddle"/><a href="tel:+665458897">+665458897</a></span>
                <fieldset>
                    <input type="text" id='nombre' name="nombre" placeholder="Introduce tu nombre..." required>
                    <input id='mail' name="mail" type = 'email' placeholder="Introduce tu correo electrónico" required>
                    <input id='Telefono' name="telefono" type = 'text' placeholder="Introduce tu telefono" required>
                    <select id="producto" required>
                        <option value="" default>-- Selecciona tu producto --</option>
                        <option value="1">Producto1</option>
                        <option value="2">Producto2</option>
                        <option value="3">Producto3</option>
                        <option value="4">Producto4</option>
                        <option value="5">Producto5</option>
                        <option value="6">Otro...</option>
                    </select>
                    <span class="legal">
                        <input name="condiciones" id='Condiciones' type="checkbox" required>Acepto la
                            <a style="color:#aaa; overflow:auto; text-decoration:underline;" onclick="window.open(this.href, this.target, 'width=400,height=720'); return false;" target="_blank" href="nota.html">política de privacidad.</a>
                    
                      <div class="g-recaptcha" data-sitekey="6LfM6h8UAAAAAAGzSXe_abDnV3slmQdVOsO2elXz" data-callback="enableBtn"></div> 

                    <!--      <div class="g-recaptcha" data-sitekey="Aqui va la clave de recaptcha Google" data-callback="enableBtn"></div> -->
                    </span>

                   <input type="submit" onClick = 'validarcontacto()' id="solicitar" value="SOLICITAR" disabled />                    
                </form>

Basicamente, al validar el Captcha es cuando el boton de SOLICITAR se habilita, y al pulsar sobre este se realiza la validacion de los campos, y posteriormente el envio de los datos.

Origen Enlace
AntonioMP87
  • 499
  • 3
  • 15
  • 29

Compatibilidad con Safari en Ipad y Iphone

Buenas tardes, estoy realizando un formulario que envío un correo y almacena los datos en una base de datos. Se ejecuta correctamente en Chrome, Firefox, Microsoft Edge y Safari (pero este ultimo solamente en la version de sobremesa, la inserción en la base de datos no se produce cuando se realiza el proceso desde un Ipad o un Iphone). Adjunto el fragmento que se encarga de la inserción en la base de datos.

function envioMensaje()
{

     
      $('#Formulario').on("click",'#solicitar', function(ev) {                    
      ev.preventDefault();


      var datos={
                  "nombre": $('#nombre').val(),
                  "telefono": $('#Telefono').val(),
                  "mail": $('#mail').val(),
                  "producto": $(':selected').val(),
                  "extraInfo": $('#otrosArticulos').val()
                  }
      var datosMensajes={
                  "nombre": $('#nombre').val(),
                  "telefono": $('#Telefono').val(),
                  "mail": $('#mail').val(),
                  "producto": $('#producto option:selected').text(),
                  "extraInfo": $('#otrosArticulos').val()
                  }
                 

  var mensaje = "envioMensajes.php";                
  var urlEnvio = "Proceso que ejecuta la insercion, la he eliminado por cuestion de privacidad".
             $.ajax({
                type:"post",  
                url:urlEnvio, //Para registro sin mensaje
                jsonp: "callback",
                dataType: "jsonp",
                data:datos
                //success: mensaje
           });
           $.ajax({
                type:"post",  
                url:mensaje, //Para mensaje
                jsonp: "callback",
                dataType: "jsonp",
                data:datosMensajes,
                success: function(data){
                  
                } 
           }); 
    }); window.location.href = "index_gracias.php#free-h";
};

Agradecería mucho la ayuda.