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 puede comprar una plantilla HTML para crear una página web mediante la introducción de la 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. Usted puede llamar JavaScript partir de una plantilla HTML de la misma forma que se dice que de cualquier archivo HTML. Instrucciones
1
Crear una plantilla HTML que incluye un formulario de contacto y llamar a JavaScript desde la plantilla para validar que el usuario introduce información en el formulario de contacto. Crear un nuevo archivo HTML utilizando el Bloc de notas o un editor HTML e introduzca la información del encabezado HTML en el archivo:
plantilla HTML < /title> <br> 2 <p> crear algún diseño para el mensaje de error se mostrará si no hay información se introduce en un campo en el formulario de entrada : <br> <p> <style> <br> <p> error {color : red ; fuente. - weight: bold ;} <br> <p> < /style> <br> 3 <p> Crear una función de JavaScript que se puede llamar desde la plantilla cuando el usuario envía el formulario HTML y voluntad validar que el usuario introduce información para cada campo de entrada . Referencia de los elementos de formulario individuales por sus nombres y los divs para los mensajes de error por parte de sus identificaciones . Devuelve true si la validación se ha realizado correctamente , y false si no se ha realizado correctamente : <br> <p> <script> <br> función <p> validar () { var <br> <p> NameError = document.getElementById ( " NameError "); <br> <p> emailError var = document.getElementById ( " emailError "); <br> <p> nameError.innerHTML = " "; <br> <p> emailError.innerHTML = " "; < br > <p> if ( document.contact.name.value == " ") { <br> <p> nameError.innerHTML = "Debe introducir un nombre " ; ! <br> <p> return false ; <br> <p> } <br> <p> if ( document.contact.email.value == " ") <br> { <p> emailError.innerHTML = "Debe introducir una dirección de correo electrónico " ; ! <br> < p > return false; } <br> <p> <br> <p> return true ; } <br> <p> <br> <p> < /script > <br> <p> < /head> <br> 4 <p> Crear el formulario HTML. Asigne el mismo nombre a la forma y los valores de entrada como se ha utilizado en la función de JavaScript y los mismos identificadores 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 " , que permitirá que el formulario sea procesado si la función devuelve true, pero no va a enviar el formulario si la función devuelve false : <br> <body> <p> <br> <p> complete la siguiente información para aprender más sobre mi Empresa : <br> <p> <form name="contact" onSubmit="return validate()"> <br> <p> Nombre: <input type="text" name="nombre" width="30"> <span id="nameError" class="error"> < /span > < br > p Email : <input type="text" name="email" width="30"> <span id="emailError" class="error"> < /span > <br> < p> <input type="submit" name="submit" value="submit"> <br> <p> < /form> <br> <p> < /body> <br> <p> < /html> <br> 5 <p> 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 . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/90950.html' >Cómo cambiar un índice desplegable en JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90952.html' >Cómo calcular un total movimiento en JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91155.html" title="Cómo configurar una cookie al cambiar el idioma del sitio web " target="_self">Cómo configurar una cookie al cambiar el idioma del si…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91045.html" title="Cómo cambiar el texto HTML en entrada jQuery " target="_self">Cómo cambiar el texto HTML en entrada jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91189.html" title="Galería Javascript Tutorial " target="_self">Galería Javascript Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90827.html" title="Cómo trazar lentamente en JavaScript " target="_self">Cómo trazar lentamente en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91184.html" title="Cómo comparar String de Java Script " target="_self">Cómo comparar String de Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91016.html" title="Cómo deshabilitar CSS Hover con JavaScript " target="_self">Cómo deshabilitar CSS Hover con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90947.html" title="Cómo hacer un botón de descarga de un archivo en HTML " target="_self">Cómo hacer un botón de descarga de un archivo en HTML…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91021.html" title="Cómo desplazarse hacia abajo en JavaScript " target="_self">Cómo desplazarse hacia abajo en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90994.html" title="Cómo incluir JS externo de JavaScript " target="_self">Cómo incluir JS externo de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90777.html" title="Cómo hacer un programa para convertir Celsius a Kelvin " target="_self">Cómo hacer un programa para convertir Celsius a Kelvin…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95736.html" title="Cómo detectar navegadores móviles con ASP " target="_self">Cómo detectar navegadores móviles con ASP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/94124.html" title="Cómo escribir un script Python para Blender " target="_self">Cómo escribir un script Python para Blender </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88872.html" title="Cómo crear un Rollover Image Uso de la programación HTML " target="_self">Cómo crear un Rollover Image Uso de la programación H…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88629.html" title="Cómo calcular Líneas de código " target="_self">Cómo calcular Líneas de código </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86654.html" title="¿ Cuáles son caracteres especiales en código informático " target="_self">¿ Cuáles son caracteres especiales en código informá…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93792.html" title="Operaciones de cadenas en Python " target="_self">Operaciones de cadenas en Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91119.html" title="Cómo deshabilitar la pantalla de impresión JavaScript " target="_self">Cómo deshabilitar la pantalla de impresión JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86831.html" title="ADT Tipos Abstractos de Datos " target="_self">ADT Tipos Abstractos de Datos </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94317.html" title="Descripción de los archivos de proyecto VB6 " target="_self">Descripción de los archivos de proyecto VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95434.html" title="Cómo reemplazar un carácter de una cadena de VB6 " target="_self">Cómo reemplazar un carácter de una cadena de VB6 </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
