Estoy usando una costumbre optin página con un formulario , en la Actualidad la forma como funciona USUARIO ENVÍA > PÁGINA se ACTUALIZA PARA ÉL > me llega UN CORREO CON LOS DATOS PRESENTADOS.

Pero el usuario no recibe un mensaje de confirmación, por Lo que la mayoría de las veces , los Usuarios volver a enviar el formulario pensando que no trabajó en el 1er tiempo.

Quiero añadir un Popup/Javascript Mensaje de Éxito para que O Después de pulsar enviar , el usuario se redirige a otra página .

Esta es la forma actual código

<div class="form fix ">
<p class="form-text">Fill This Out and See Your <br>Timeshare Report</p>
<form name="contactform" action="mail-script.php" method="POST">
<label for="fname">First Name:
<input type="text" name="fname" id="fname" />
</label><br>
<label for="lname">Last Name:
<input type="text" name="lname" id="lname" />
</label><br>
<label for="email">Email Address:
<input type="text" name="email" id="email" />
</label><br>
<label for="phone">Phone Number:
<input type="text" name="phone" id="phone" />
</label><br>
<label for="phone">Alternate Phone:
<input type="text" name="phone" id="aphone" />
</label><br>
<label for="resort">Resort Name:
<input type="text" name="resort" id="resort" />
</label><br>
<label for="amount">Amount Owed? $:
<input type="number" name="amount" id="amount" />
<p style="font-size: 12px !important;margin-top: -14px;padding-right: 30px;text-align:right;">
If Paid Off Leave Zero, Else Put Amount</p>
</label><br>
<div class="checkbox">
<div class="check-text fix">
<p>I'm Considering To</p>
</div>
<div class="check-one fix">
<input type="checkbox" name="call" id="" value="sell"/> Sell It <br>
<input type="checkbox" name="call" id="" value="buy"/> Buy It <br>
<input type="checkbox" name="call" id="" value="rent "/> Rent  It 
</div>
<div class="check-two fix">
<input type="checkbox" name="call" id="" value="cancel"/> Cancel Mortgage <br>
<input type="checkbox" name="call" id="" value="ownership"/> End Ownership <br>
<input type="checkbox" name="call" id="" value="give"/> Give It Back
</div>
</div>
<p class="captcha">
<img src="captcha_code_file.php?rand=<?php echo rand(); ?>" id='captchaimg' ><br>
<label for='message'>Enter the code above here :</label><br>
<input id="6_letters_code" name="6_letters_code" type="text"><br>
<small>Can't read the image? click <a href='javascript: refreshCaptcha();'>here</a> to refresh</small>
</p>
<input id="submit" type="submit" value="" />
<p class="submit-text">Ensure all fields are completed and correct, allowing you more benefits, while preventing abuse of our data.</p>
</form>
</div>
</div>

Esta es la url de la forma
http://timesharesgroup.com/sell/index.html

**********************ACTUALIZACIÓN******************************
Cómo hacer un javascript o php mensaje de ÉXITO aparecer después de optin formulario ha sido enviado

  • Por favor utilice php flash funcionalidad de mensajes. Eso significa que cuando el formulario se envía con éxito mostrar mensaje de flash en la misma página de configuración en la sesión.Leer el manual de php de cómo hacerlo.
  • Usted puede mantener un campo oculto en su página siguiente, me refiero a que una vez que el formulario es enviado y después de que el éxito se le redirigirá a algunas páginas de la derecha? por lo que en la página de mantener un campo oculto y establezca su valor en la página de carga. Usted puede establecer su valor con un valor de la sesión. Como una vez que el formulario es enviado, y su éxito, establecer una variable de sesión y en la siguiente página de comprobar si la sesión tiene un valor y si tiene valor establecido un valor de éxito para su campo oculto y, a continuación, escribir un documento.listo función para comprobar su campo oculto de valor y mostrar el mensaje de éxito div si el valor existe en ese campo oculto.
InformationsquelleAutor Amtporn | 2015-03-25

3 Comentarios

  1. 2

    Si quieres algo normal pop-up botón, puede hacer lo siguiente :

    $('form').on('submit',function(){
    alert('submitted');
    });

    Si quieres un aficionado manera de hacer las cosas, puede utilizar AJAX.
    Se podría añadir a tu HTML oculto div con id éxito, y usted haga lo siguiente:

    <span class="success">Thank's for submitting the form</span>

    y AJAX es :

    $(document).ready(function() {
    $("form[name='contactform']").submit(function() {
    //do the extra stuff here
    $.ajax({
    type: "POST",
    url: "mail-script.php",
    data: $(this).serialize(),
    success: function() {
    $('.success').fadeIn(100).show();
    }
    })
    })
    })
    • Donde puedo poner $(‘form’).en(‘enviar’,function(){ alert(‘presentó’); }); En el mismo índice página o en otra página ?
    • Sí, en la misma página donde está el formulario.
    • No funciona, lo he añadido sólo después de que el formulario , Se mostraba en la página y no el trabajo, Luego he añadido al final de la página todavía no funciona, entonces lo he añadido a la mailscript página y después de golpear a enviar me sale una página en blanco
    • ¿Cuál es el comportamiento que se espera de él? No recibirá una alerta cuando se haga clic en el botón.?
    • No , no pasa nada
    • Se pueden mostrar en el texto de su pregunta la forma de poner el script de arriba?
    • Agregó , Compruebe por favor
    • Ahora he añadido después de la </form> pero aún no funciona
    • Su marca de comillas en can't read the image es romper todo tu código. Corregir eso y que debería estar bien.
    • la quitó , todavía no funciona
    • Gracias imaginé que fuera , tuviera que definir el uso de jquery en <head>
    • Eres bienvenido ! Me alegro de que usted fija!

  2. 0

    Puede dar el correspondiente mensaje en el formulario de envío de eventos a través de la siguiente función. usted puede incluso detener la forma de presentar a través de event.preventDefault(); si usted ha mencionado dentro de la función.

    $( "form" ).submit(function( event ) {
    alert( "Handler for submit() called." );
    window.location.href="another html page";
    });
  3. 0

    cuando un usuario haga clic en la url como http://www.site.com/index.php el formulario va a venir. cuando un usuario rellene los datos y haga clic en enviar la dirección url mostrando como esta http://www.site.com/mail-script.php pero estoy preguntando Donde está el código para mail-script.php

    virtud de este archivo de fondo, se puede añadir esta línea de código.

    header(‘Location: thankyou.php’);

    y crear su propio thankyou.php archivo como este

    <html>
    <body>
    <h1>Mail delivery success. Touch you soon...</h1>
    </body>
    </html>

Dejar respuesta

Please enter your comment!
Please enter your name here