Gracias de antemano por la ayuda. Sé que esto es probablemente una simple pregunta, ya que soy relativamente nuevo en HTML.

Tengo un formulario en mi sitio para que las personas se convierten en miembros.. quiero a los usuarios ingresar su información y haga clic en enviar. Cuando hacen eso, quiero un correo electrónico será enviado a mí. Sin embargo, quiero que el usuario sea redirigido a una página diferente en el sitio donde tienen que pagar por sus miembros. ¿Cómo puedo hacer ambas cosas (enviar correo electrónico, redirigir) al mismo tiempo?

Aquí está mi formulario:

<form>
    First name:     <input type="text" name="firstname">
    Last name:      <input type="text" name="lastname"><br>
    Street:         <input type="text" name="street" size="60"><br>
    City:           <input type="text" name="city">
    State:          <input type="text" name="state"> 
    ZIP:            <input type="text" name="zip"><br>
    Email:          <input type="text" name="email" size="60"><br>
    Phone:          <input type="text" name="phone" size="60"><br>
    City/Township:  <input type="text" name="votingcity">
    Precinct No.:   <input type="text" name="precinct"><br>
    <br>
    <hr>
    <br>
    <p>Government regulations require the following information:<br></p><br>
    Occupation:         <input type="text" name="occupation" size="60"><br>
    Employer's Name:    <input type="text" name="employer" size="60"><br>
    Employer's Street:  <input type="text" name="emp_street" size="60"><br>
    Employer's City:    <input type="text" name="emp_city">
    Employer's State:   <input type="text" name="emp_state">
    Employer's ZIP:     <input type="text" name="emp_zip"><br>
    <br>
    <hr>
    <br>
    Submit <input type="submit">
</form>
  • usted tiene que el uso de un lenguaje como php para enviar correo electrónico o redirigir
InformationsquelleAutor user2179667 | 2013-03-17

7 Comentarios

  1. 0

    Debe utilizar un servidor de página para la acción de formulario para enviar correo electrónico y mostrar página de pertenencia. Cuando los usuarios enviar formulario, que será dirigido a esta página.

    <form method="post" action="link to subscription page. Eg: payment.php">
    </form>

    En payment.php, pantalla de forma de pago y escribir una función para enviar correo electrónico.

    <?php
    //Write send email function here
    ?>
    <html>
    <!-- Display payment form here -->
    </html>
  2. 0

    Esto no se puede hacer utilizando sólo HTML, usted necesitará saber el servidor el lenguaje de scripting como PHP o ASP.

  3. 0

    ¿Cómo estás de procesamiento de pagos? Si yo estuviera haciendo esto por mí mismo que probablemente tendría el formulario de datos que se envía al procesador de pago (por ejemplo, PayPal) y se incluye en la factura. Me imagino que la mayoría de los procesadores de pago tiene una opción para que le notifique por correo electrónico cuando el pago es recibido.

    Pero no me preguntes cómo me haría, se preguntó cómo se puede enviar un formulario que se envía el correo electrónico y el navegador se redirige a otra página.

    Si usted no puede usar mi solución realmente creo que es mejor que con tirar de PHP en la mezcla.

    signup.html

    <form action="process.php" method="post">
    First name: <input type="text" name="firstname">
    Last name: <input type="text" name="lastname"><br>
    Street: <input type="text" name="street" size="60"><br>
    City: <input type="text" name="city">
    State: <input type="text" name="state"> 
    ZIP: <input type="text" name="zip"><br>
    Email: <input type="text" name="email" size="60"><br>
    Phone: <input type="text" name="phone" size="60"><br>
    City/Township: <input type="text" name="votingcity">
    Precinct No.: <input type="text" name="precinct"><br>
    <br><hr><br>
    <p>Government regulations require the following information:<br></p><br>
    Occupation: <input type="text" name="occupation" size="60"><br>
    Employer's Name: <input type="text" name="employer" size="60"><br>
    Employer's Street: <input type="text" name="emp_street" size="60"><br>
    Employer's City: <input type="text" name="emp_city">
    Employer's State: <input type="text" name="emp_state">
    Employer's ZIP: <input type="text" name="emp_zip"><br>
    <br><hr><br>
    Submit <input type="submit">
    </form>

    process.php

    <?php
      $message = '';
      foreach($_POST as $key => $value) {
        $message .= "$key => $value\n";
      }
      mail('[email protected]','New User Registration',$message);
      header('Location: payment.html');
    ?>

    Asegúrese de que <?php es el principio de process.php; ningún texto anterior o espacios en blanco de cualquier tipo.

    El correo electrónico que usted recibirá será algo parecido a esto:

    firstname => Homer
    lastname => Simpson
    street => 724 Evergreen Terrace
    city => Springfield
    state => Unknown
    zip => ?????
    email => [email protected].net
    phone => (939) 555-0113
    votingcity => Springfield
    precinct => N/A
    occupation => Nuclear Safety Inspector
    employer => C. Montgomery Burns
    emp_street => 100 Industrial Way
    emp_city => Springfield
    emp_state => Unknown
    emp_zip => ?????
  4. 0

    Te recomiendo que para tener una mirada de tutoriales PHP (cf: php.net). El código siguiente se le redirigirá a una «action.php» de la página donde usted puede ejecutar código php (enviar correo electrónico, redirigir a otra, etc.)

    index.html

    <form action="action.php" method="post">
     <p>Your name: <input type="text" name="name" /></p>
     <p>Your age: <input type="text" name="age" /></p>
     <p><input type="submit" /></p>
    </form>

    Action.php

    <?php
    $message = "your message";
    
    //Send mail
    mail('[email protected]', 'Your Subject', $message);
    
    header('Location: payment.php');  
    ?>

    ACTUALIZACIÓN:
    En su página PHP también puede administrar los datos de su formulario. Por ejemplo, usted puede tener acceso el usuario primer nombre con este $_POST['firstname']. O usuario de la pantalla de información en usted pago página como esta:

    Hi M. <?php echo htmlspecialchars($_POST['lastname']); ?>.

    No sé qué desea hacer con los datos del formulario, pero se puede enviar en el correo electrónico o guardarlos en una base de datos.

    También puede utilizar otra lengua que no sea PHP, tales como Java, VB.net, etc. Pero, en mi opinión, PHP probablemente será más fácil de aprender.

    • El código Javascript no lanza un correo electrónico; sólo se envía al usuario a la página de seguimiento.
    • Y tu PHP no hace nada con los datos del formulario
    • Tienes razón, el código javascript en realidad no enviar un correo electrónico, abre tu cliente de correo electrónico predeterminado y pre-llenar de contenido. De lo contrario, puedo actualizar mi respuesta para añadir más detalles acerca de php tratar con el formulario.
    • He probado tu código HTML y Javascript, y no abrir mi cliente de correo electrónico.
    • Por cierto que han ‘pago’ en lugar de ‘pago’
    • Funciona muy bien para mí, es sólo un html mailto. Hice este enlace funciona para usted: <a href="mailto:[email protected]">send an email</a> ?
    • Sí mailto funciona muy bien para mí. No veo por qué lo que estás haciendo debe trabajar; una vez que se cambia la página (ya sea a través de un enlace de correo electrónico o una url nueva) el javascript se debe detener la ejecución. También el documento.ubicación.href se supone que se utiliza como sólo lectura, y de la ventana.ubicación.href es el preferido cuando se utiliza Javascript para redireccionar a una página.

  5. 0

    Todas las acciones que se tomarán en el lado del servidor. así que hay que utilizar cualquier lenguaje del lado del servidor. en el caso de php sería adecuado. puede enviar datos de formulario html después de validar todos los campos. Se puede enviar con ajax o de manera tradicional y si recibe respuesta como aceptar, a continuación, usted puede ir a la página siguiente.

    Con jQuery forminteract puede agregar validación de etiquetas en el código HTML de entradas como la que he utilizado a continuación en firstNamelike este.

        <form action="process.php" method="post">
        First name: <input type="text" name="firstname" data-validation-notNull data-validation-notNull-message="Please enter first Name">
    <span data-error="firstName"></span>
        Last name: <input type="text" name="lastname"><br>
        Street: <input type="text" name="street" size="60"><br>
        City: <input type="text" name="city">
        State: <input type="text" name="state"> 
        ZIP: <input type="text" name="zip"><br>
        Email: <input type="text" name="email" size="60"><br>
        Phone: <input type="text" name="phone" size="60"><br>
        City/Township: <input type="text" name="votingcity">
        Precinct No.: <input type="text" name="precinct"><br>
        <br><hr><br>
        <p>Government regulations require the following information:<br></p><br>
        Occupation: <input type="text" name="occupation" size="60"><br>
        Employer's Name: <input type="text" name="employer" size="60"><br>
        Employer's Street: <input type="text" name="emp_street" size="60"><br>
        Employer's City: <input type="text" name="emp_city">
        Employer's State: <input type="text" name="emp_state">
        Employer's ZIP: <input type="text" name="emp_zip"><br>
        <br><hr><br>
    <button type="button" id="btn-submit">Submit</button>
        </form>

    javascript en la parte inferior de la página sería.

    var form=$("form").find("[name]").formInteract();
    $("#btn-submit").click(function(){
        if(!form.validate()){
          //return if form is not valid
          return;
         }
    
    form.postAjax("url", function(rsp){
     //do your stuff with response.
    
     });
    
    });

    Aquí es el linke a forminteract proyecto
    https://bitbucket.org/ranjeet1985/forminteract

    • Probablemente debería mencionar que esta es su propio plugin.
  6. 0

    Usted puede usar la forma-extremo servicios como formspree.io o formcarry.com ellos proporcionan las notificaciones de correo electrónico de usuario y la redirección después de la entrega, si usted desea utilizar sus datos más tarde, puede utilizar Formcarry del Zapier integración de Mysql y MongoDB para guardar los datos en la base de datos, o puede configurar un webhook a tu archivo PHP, y guardar los datos procesados.

Dejar respuesta

Please enter your comment!
Please enter your name here