Papadopolis

Untitled

Mar 1st, 2012
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.63 KB | None | 0 0
  1. <html><head>
  2. <title>form</title>
  3. <script type="text/javascript">
  4. var numUm = Math.floor(Math.random() * 10);
  5. var numDois = Math.floor(Math.random() * 10);
  6. var resultado = numUm + numDois;
  7.  
  8.  
  9. function validaForm() {
  10.  
  11. var nome = form1.nome.value;
  12. var email = form1.email.value;
  13. var assunto = form1.assunto.value;
  14. var somar = form1.somar.value;
  15. var menssagem = form1.menssagem.value;
  16.  
  17. if (nome == "") {
  18. alert('Preencha o campo com seu nome');
  19. form1.nome.focus();
  20. return false;
  21. }
  22. if (email == "") {
  23. alert('Preencha o campo com seu email');
  24. form1.email.focus();
  25. return false;
  26. }
  27.  
  28. if (assunto == "") {
  29. alert('Preencha o campo com o assunto');
  30. form1.nome.focus();
  31. return false;
  32. }
  33.  
  34. if (menssagem == "") {
  35. alert('Preencha o campo com a menssagem');
  36. form1.nome.focus();
  37. return false;
  38. }
  39.  
  40. if (somar =! resultado | somar =="") {
  41. alert('Faça a Soma Corretamente');
  42. form1.somar.focus();
  43. return false;
  44. }
  45. if (nome.length < 5) {
  46. alert('Digite seu nome completo');
  47. form1.nome.focus();
  48. return false;
  49. }
  50.  
  51. return true;
  52. }
  53.  
  54. </script>
  55. <style type="text/css">
  56. body{
  57. margin-left:0px;
  58. margin-top:0px;
  59. background:none;
  60. }
  61. .texto{
  62. font-family:Tahoma;
  63. font-size:10px;
  64. color:#CCC;
  65. }
  66.  
  67. .asteris{
  68. font-family:Tahoma;
  69. font-size:10px;
  70. color:#F90;
  71. }
  72. .soma{
  73. font-family:Tahoma;
  74. font-size:10px;
  75. color:#0CF;
  76. }
  77. .trasparencia{
  78. font-family:Arial;
  79. font-size:14px;
  80. background:transparent;
  81. border:#555 dashed 1px;
  82. color:#FFF;
  83. }
  84. .trasparencia:hover{
  85. background:transparent;
  86. border:#9F0 dashed 1px;
  87. box-shadow:0px 0px 18px rgba(0,0,0,0.55);
  88. -moz-box-shadow:0px 0px 18px rgba(0,0,0,0.55);
  89. -webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.55);
  90. }
  91. .botao{
  92. font-family:"Tahoma";
  93. font-size:14px;
  94. color:#FFF;
  95. background-color:#666;
  96. border:#000 2px;
  97. margin-left:10px;
  98. margin-right:10px;
  99. margin-top:20px;
  100. }
  101.  
  102. </style>
  103. </head>
  104.  
  105. <body>
  106.  
  107. <form name="form1" action="networdgames.awardspace.biz/enviar.php" method="post" onsubmit="if(!validaForm()) {return false}">
  108. <table width="574" border="0" class="texto" cellpadding="0" cellspacing="0">
  109. <tr>
  110. <td width="114" height="30"><strong>NOME: <span class="asteris">*</span></strong></td>
  111. <td width="259">
  112. <input name="nome" type="text" size="40" class="trasparencia" />
  113. </td>
  114. <td width="179" rowspan="5" valign="top">
  115. <center>
  116. <img src="networdgames.awardspace.biz/images/carta.png" width="96" height="96" alt="carta" /><br /><br />
  117. <span class="soma"><b>Fa&ccedil;a a Soma:<br />
  118. <script type='text/javascript'>
  119. document.write ("<span class='soma'>" + numUm + " + " +numDois+"</span>");
  120. </script>
  121. =</b></span>
  122. <input name="somar" type="text" size="3" class="trasparencia" />
  123. <br/>
  124. <input type="submit" class="botao" value="Enviar !" OnSubmit="return validaForm();" >
  125. <input name="limpar" type="reset" value="Limpar" class="botao" />
  126. </center>
  127. </td>
  128. </tr>
  129. <tr>
  130. <td height="30"><strong>E-MAIL: <span class="asteris">*</span></strong></td>
  131. <td>
  132. <input name="email" type="text" size="40" class="trasparencia" />
  133. </td>
  134.  
  135. </tr>
  136. <tr>
  137. <td height="30"><strong>ASSUNTO: <span class="asteris">*</span></strong></td>
  138. <td><input name="assunto" type="text" size="40" class="trasparencia" /></td>
  139.  
  140. </tr>
  141. <tr>
  142. <td height="111" valign="top"><strong>MENSSAGEM: <span class="asteris">*</span></strong></td>
  143. <td valign="top">
  144. <textarea name="mensagem" type="text" cols="40" rows="4" class="trasparencia" ></textarea>
  145. </td>
  146.  
  147. </tr>
  148. <tr>
  149. <td height="12">&nbsp;</td>
  150. <td>&nbsp;</td>
  151.  
  152. </tr>
  153. </table>
  154. </form>
  155. </body>
  156. </html>
Advertisement
Add Comment
Please, Sign In to add comment