Un modello HTML è tipicamente uno o più documenti HTML che forniscono un quadro per un sito web, ma che non comprende alcun contenuto. Un utente potrebbe acquistare un modello HTML per creare un sito web in modo rapido , inserendo la sua azienda le informazioni di contatto e completare le altre sezioni vuote nel modello con le informazioni specifiche per la sua compagnia . È possibile chiamare JavaScript da un modello HTML allo stesso modo si potrebbe chiamare da qualsiasi file HTML . Istruzioni
1
Creare un modello HTML che include un modulo di contatto e chiamare JavaScript dal modello per verificare che l'utente ha inserito le informazioni nel modulo di contatto . Creare un nuovo file HTML utilizzando il blocco note o un editor HTML e inserire le informazioni di intestazione HTML nel file : < ! DOCTYPE HTML >
HTML Template < /title> <br> 2 <p> creare qualche styling per il messaggio di errore verrà visualizzato se nessuna informazione è stata inserita in un campo nel modulo di ingresso : <br> <p> <style> <br> <p> errore { color: red; font. -weight: bold ; } <br> <p> < /style > <br> 3 <p> Creare una funzione JavaScript che verrà chiamata dal modello quando l' utente invia il form HTML e volontà confermare che l'utente ha immesso le informazioni per ogni campo di input . Riferimento ai singoli elementi del form con i loro nomi e il div per i messaggi di errore da parte loro ID . Restituisce vero se la validazione ha avuto successo e false se non ha avuto successo : <br> <p> <script> <br> funzione <p> validate ( ) { var <br> <p> NameError = document.getElementById ( " NameError " ) ; <br> <p> emailError var = document.getElementById ( " emailError " ) ; <br> <p> nameError.innerHTML = " " ; <br> <p> emailError.innerHTML = " " ; <br> <p> se ( document.contact.name.value == " " ) { <br> <p> nameError.innerHTML = " devi inserire un nome"; ! <br> <p> return false ; <br> <p> } <br> <p> se ( document.contact.email.value == " " ) { <br> <p> emailError.innerHTML = "Devi inserire un indirizzo email " ; ! <br> <p > return false ; } <br> <p> <br> <p> return true ; } <br> <p> <br> <p> < /script> <br> <p> < /head> <br> <br> 4 <p> Creare il modulo di contatto HTML . Assegnare lo stesso nome alla forma e ai valori di input , come si è utilizzato nella funzione javascript e gli stessi ID per il div di notifica di errore. Creare un pulsante di invio per il form e chiamare la funzione di convalida di JavaScript con l'evento " onSubmit " , che permetterà la forma da lavorare se la funzione restituisce true , ma non inviare il modulo se la funzione restituisce false : <br> <p> <body> <br> <p> Si prega di compilare le seguenti informazioni per saperne di più su la mia azienda : <br> <p> <form name="contact" onSubmit="return validate()"> <br> <p> Nome: <input type="text" name="name" 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> Salvare il file HTML e aprirlo in un browser . Prova che la forma non presenta se uno dei campi di input contatto è vuoto . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181900.html' >Come modificare un indice discesa in Javascript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181904.html' >Come calcolare un totale Moving in Javascript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/C--C-----Programming/1170518.html" target="_blank">I vantaggi di Prototipi di funzione </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176512.html" target="_blank">Come modificare in Windows Script Host </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1182644.html" target="_blank">Errore PHP : Undefined offset </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176774.html" target="_blank">Registro Command Line Tools </a></li><li><a href="/Programmazione/Java-Programming/1180016.html" target="_blank">Come stampare caratteri in Java </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181714.html" target="_blank">La funzione Back in HTML Coding </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182058.html" target="_blank">Come modificare testo in lettere maiuscole in JavaScript </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189870.html" target="_blank">Come stampare il contenuto di una ListBox in VBA </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1182210.html" target="_blank">Come modificare un'immagine di sfondo in Rollover </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182452.html" target="_blank">Come controllare Barre di scorrimento con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181742.html" target="_blank">5 Usi di Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181982.html" target="_blank">Come controllare i margini in un JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182426.html" target="_blank">Come controllare per vuoto VAR in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182024.html" target="_blank">Come eseguire l'override di un IFrame in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181882.html" target="_blank">Come output JSON dati con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182270.html" target="_blank">Come abilitare ASP in IIS 6 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182524.html" target="_blank">Come modificare un puntatore del mouse utilizzando Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181772.html" target="_blank">Come usare ShrinkSafe Con NetBeans </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>