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 5991 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 Artculos
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
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

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