Aceptar términos antes de continuar
codigo
<html>
<BODY onLoad="loadedvar=true;">
<form name="terms" action="continuar.html" method="get">
Acepto: <input type="checkbox" name="agree" value="ON">
<input onclick="if (loadedvar) {if (document.terms.agree.checked) {document.terms.submit();} else {window.alert('Debe hacer click para poder continuar.')}} else {window.alert('Por favor espere...')}" type="button" value="Continuar">
<input type="button" value="Salir" onclick="document.location.href='/index.html';">
</form>
</body>
</html>
No permite que se re-envíe un mismo formulario
codigo
<html>
<head>
<!-- Copiar dentro del tag HEAD -->
<script LANGUAGE="JavaScript">
<!--
var cuenta=0;
function enviado() {
if (cuenta == 0)
{
cuenta++;
return true;
}
else
{
alert("El siguiente formulario ya ha sido enviado, muchas gracias.");
return false;
}
}
// -->
</script>
</head>
<body>
<!-- Copiar dentro del tag BODY -->
<form method="post" action="http://www.tu-sitio.com/cgi-bin/email.pl"
onSubmit="return enviado()">
<div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="12%">Nombre: </td>
<td width="88%"><input type="text" name="name" size="20"></td>
</tr>
<tr>
<td width="12%">E-mail: </td>
<td width="88%"><input type="text" name="email" size="20"></td>
</tr>
</table>
</center></div><p><input type="submit" value="Enviar formulario!"></p>
</form>
</body>
</html>
Valida todos los campos text del formulario
codigo
<html>
<head>
<!-- Copiar dentro del tag HEAD -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function Enviar(form) {
for (i = 0; i < form.elements.length; i++) {
if (form.elements.type == "text" && form.elements.value == "") {
alert("Por favor complete todos los campos del formulario"); form.elements.focus();
return false; }
}
form.submit();
}
// -->
</SCRIPT>
</head>
<body>
<!-- Copiar dentro del tag BODY -->
<FORM>
<tr><td>Nombre: </td><td><input type="text" name="nombre" size=34></td></tr><br>
<tr><td>Apellido: </td><td><input type="text" name="apellido" size=34></td></tr><br>
<tr><td>Telefono: </td><td><input type="text" name="telefono" size=34></td></tr><br>
<tr><td>E-mail: </td><td><input type="text" name="email" size=34></td></tr><br>
<tr>
<td><br><br></td>
<td>
<input type="button" value="Enviar" onClick="return Enviar(this.form)">
<input type="reset" value="Restablecer">
</td>
</tr>
</table>
</form>
</body>
</html>
