Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Mostrar datos de un TEXT en un alert en JavaScript

Tags: mostrar, datos, controles, form, button, text, alert, javascript, manual
publicado el 2010-07-18   leido 11356 leídas

Agregar un control de tipo TEXT (permite al operador cargar caracteres por teclado).
Ahora veremos la importancia de definir un name a todo control de un formulario.

Con este ejemplo veremos estos controles: Confeccionar un formulario que permita ingresar el nombre y edad de una persona:
<html>
<head></head>
<body>

<script language="JavaScript">

function mostrar() {
var nom=document.form1.nombre.value; var ed=document.form1.edad.value;
alert('Ingreso el nombre:' + nom); alert('Y la edad:' + ed); }
</script>

<form name="form1">
Ingrese su nombre: <input type="text" name="nombre">
<br> Ingrese su edad: <input type="text" name="edad">
<br> <input type="button" value="Confirmar" onClick="mostrar()">
</form>

</body>
</html>
En este problema tenemos cuatro controles: 1 FORM, 1 BUTTON, 2 TEXT. El evento que se dispara al presionar el botón se llama mostrar.
La función 'mostrar' accede a los contenidos de los dos controles de tipo TEXT:

  var nom=document.form1.nombre.value;
  var ed=document.form1.edad.value;

Para hacer más clara la función guardamos en dos variables auxiliares los contenidos de los controles de tipo TEXT. Hay que tener en cuenta que a nuestra página la accedemos por medio del objeto: document, luego, al formulario que hemos creado, lo accedemos por el NAME que le dimos al formulario, en este caso: form1, luego, a cada control que contiene el formulario, lo accedemos nuevamento por su NAME, es decir: nombre y edad respectivamente.
Por último, para acceder a las cadenas cargadas debemos indicar la propiedad value.

Te gustó?

Funciones del objeto string en Javascript

Control SELECT en JavaScript

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artículos
Como ponerle nieve a la pagina web
Qué es Composer y cómo instalarlo en Windows Linux y MAC
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados