Biblioteca Online : ¡La Suscripción ENI por 9,90 € el primer mes!, con el código PRIMER9. Pulse aquí
¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
  1. Libros
  2. Aprender a desarrollar con JavaScript
  3. Utilizar formularios para introducir datos
Extrait - Aprender a desarrollar con JavaScript Aspectos principales del uso de frameworks (4ª edición)
Extractos del libro
Aprender a desarrollar con JavaScript Aspectos principales del uso de frameworks (4ª edición)
1 opinión
Volver a la página de compra del libro

Utilizar formularios para introducir datos

Controles en la entrada de datos con JavaScript

1. Control de entrada de datos en un campo de texto

El objetivo aquí va a ser simple: controlar que el usuario ha realizado correctamente una entrada de datos con el teclado, en un campo de tipo texto, dentro de un formulario HTML, utilizando para ello una función JavaScript. En este primer script, no se comprueba el tipo de datos (numérico, alfanumérico, lógico...). Estos aspectos se verán en las siguientes secciones.

Presentación del script HTML/JavaScript

Para este script, se reproduce el código fuente completo a continuación:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
<!-- NOMBRE DEL SCRIPT: FORM_01.htm 
REALIZACIÓN INFORMÁTICA: Christian VIGOUROUX 
FECHA DE CREACIÓN: 15/10/2018 
FECHA DE ÚLTIMA MODIFICACIÓN: 15/10/2018 
OBJETIVO: Gestión de formulario (control de entrada) 
--> 
 
<!-- Inicio script HTML --> 
<html> 
 
   <!-- Inicio encabezado script HTML --> 
   <head> 
 
       <!-- Etiqueta meta --> 
       <meta http-equiv="Content-Type" 
       contenido="text/html; charset=utf-8" /> 
       <!-- Título del script HTML --> 
       <title>FORM_01</title> 
 
       <!-- Inicio script JavaScript --> 
       <script type="text/javascript"> 
        
           /* Función de comprobación de entrada */ 
           function noVacio(campo, mensajeAlerta) 
           { 
               if (campo.value.length == 0)  
               { 
                   /* Mostrar un mensaje de alerta */ 
                   alert(mensajeAlerta); 
                 ...