-
Cómo llamar a JavaScript partir de una plantilla HTML
-
Una plantilla HTML es típicamente uno o más documentos HTML que proporcionan un marco para un sitio web, pero que no incluyen ningún contenido. Un usuario podría adquirir una plantilla HTML para crear una página web de forma rápida mediante la introducción de su información de contacto de la empresa y completar otras secciones en blanco en la plantilla con información específica para su compañía. Puede llamar a JavaScript partir de una plantilla HTML de la misma forma que lo haría llamar desde cualquier archivo HTML.
Instrucciones
1 Crear una plantilla HTML que incluye un formulario de contacto y llamar a JavaScript partir de la plantilla para validar que el usuario introduce información en el formulario de contacto. Crear un nuevo archivo HTML usando el Bloc de notas o un editor HTML e introduzca la información de la cabecera HTML en el archivo:
<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<Charset meta = "UTF-8">
<Title> Plantilla HTML </ title>
2 Crear un poco de estilo para el mensaje de error se mostrará si se ha introducido ninguna información en un campo en el formulario de entrada:
<Style>
.Error {color: red; font-weight: bold; }
</ Style>
3 Crear una función de JavaScript que se llamará a partir de la plantilla cuando el usuario envía el formulario HTML y validará que el usuario ha introducido información para cada campo de entrada. Referencia a los elementos individuales del formulario por sus nombres y los divs para los mensajes de error por parte de sus documentos de identidad. Devuelve true si la validación se ha realizado correctamente y falso si no se ha realizado correctamente:
<Script>
la función de validación () {
var nameError = document.getElementById("nameError");var emailError = document.getElementById ( "emailError");
nameError.innerHTML = "";
emailError.innerHTML = "";
si (document.contact.name.value == "") {
nameError.innerHTML = "Debe introducir un nombre!";
falso retorno;
}
si (document.contact.email.value == "") {
emailError.innerHTML = "Debe introducir una dirección de correo electrónico!";
falso retorno;
}
return true;
}
</ Script>
</ Head>
4 Crear el formulario de contacto de HTML. Asignar los mismos nombres a la forma y los valores de entrada como se utiliza en la función JavaScript y el mismo ID a los divs notificación de error. Crear un botón de envío del formulario y llame a la función de validación de JavaScript con el evento "onSubmit", lo que permitirá a la forma de ser procesado si la función retorna verdadero, pero no va a enviar el formulario si la función devuelve false:
<Body>
Por favor complete la siguiente información para aprender más sobre mi Empresa:
<Form name = "contacto" onSubmit = "validación de retorno ()">
Nombre: <input type = "text" name = "nombre" width = "30"> <span id = clase "NameError" = "error"> </ span>
E-mail: <input type = "text" name = "email" width = "30"> <span id = clase "emailError" = "error"> </ span>
<Input type = "submit" name = "submit" value = "submit">
</ Form>
</ Body>
</ Html>
5 Guarde el archivo HTML y abrirlo en un navegador. Prueba de que la forma no se somete si alguno de los campos de entrada de contacto está en blanco.
