Tecnología

Inicio

Cómo cambiar Formulario de acción Uso de JavaScript

Cómo cambiar Formulario de acción Uso de JavaScript


La mayoría de los formularios HTML tienen una URL de acción no modificable que rara vez necesita ser cambiado. Un URL de acción no es más que la URL donde se procesarán los datos de un formulario. El uso de JavaScript, puede alterar la URL de acción antes de que un visitante del sitio envía el formulario al servidor. Esta técnica puede ser útil si usted no sabe URL de acción de una forma de antemano. Se puede demostrar que esta técnica de codificación mediante la alteración de la dirección URL de un formulario de correo electrónico en respuesta a la entrada de un usuario.

Instrucciones

1 Crear un nuevo documento HTML y añadir el siguiente código a la forma del cuerpo del documento:

<Form name = \ acción "TestForm \" = \ = \ método "\" enctype "text / plain \" = \ "POST \">
<P> Desde: <input type = \ "text \" name = \ "Nombre de la prueba \">
<P> <input type = \ "submit \" value = \ "enviar el formulario \">

Este formulario se envía un correo electrónico a la dirección URL especificada en el parámetro de acción del formulario. Debido a que esta URL está en blanco, el proceso de correo electrónico fallará. Se debe ajustar dinámicamente la URL mediante el uso de JavaScript para suministrar la URL faltante.

2 Añadir un botón HTML siguiente formulario utilizando este código:

<Input type = \ value "botón de \" = \ "Haga clic para establecer URL de destino \" onclick = \ "volver setFormURL () \" />

3 Crear una sección "<script> \" en el documento \ y añadir la función JavaScript siguiente:

setFormURL función () {
var sendToURL = \ "xyz \"
IR
document.testForm.action = \ "mailto: \" + sendToURL
IR
}

Esta función se establece la URL acción de la forma que el valor que se especifica en la variable llamada \ "sendToURL \". Establecer dicho valor a la URL de una cuenta de correo electrónico conocido que es el propietario.

4 Prueba de la página HTML en el navegador. Al hacer clic en el botón \ "Set Email URL \", la función de JavaScript va a cambiar la URL de acción de la forma que el valor que ha especificado en la función. Cuando se envía el formulario, el navegador enviará un correo electrónico a esa dirección de correo electrónico.

Consejos y advertencias

  • Si un visitante del sitio ha deshabilitado JavaScript en configuración de su navegador, no se puede utilizar JavaScript para cambiar la acción de un formulario.
  • También puede utilizar esta técnica con formas regulares que no envían correos electrónicos. Por ejemplo, se puede cambiar la dirección URL de un programa de procesamiento de PHP en su servidor mediante el uso de JavaScript.