Bueno, les escribo porque me gustaria que me ayudaran a resolver una incognita jeje de momento estoy aprendiendo php pero en la escuela me dejaron hacer un form con validacion javascript, hasta el momento ya encontre ayude por ahi de como hacerlo, pero el mail solo comprueba que este escrito como un campo mas, no comprueba si es email o una cadena de texto simple, ademas, no se como se validan los check box, por ejemplo, para escoger al menos uno de todos los que se pongan y ya por otro lado al finalizar debe de decir gracias "nombre" por contestar la informacion, se que se puede hacer con un alert, pero no se como jeje ojala me puedan echar una manita.
les dejo el codigo que llevo hasta el momento:
Javascript
Código:
<script>
function validarEntero(valor){
valor = parseInt(valor)
//Comprobacion del valor numerico
if (isNaN(valor)) {
//Valor NO numerico
return ""
}else{
//En caso de ser numerico, lo asigno nada mas
return valor
}
}
function valida_envia(){
//validando el nombre
if (document.fvalida.nombre.value.length==0){
alert("Tiene que escribir su nombre")
document.fvalida.nombre.focus()
return 0;
}
//validando la edad.
edad = document.fvalida.edad.value
edad = validarEntero(edad)
document.fvalida.edad.value=edad
if (edad==""){
alert("Tiene que introducir un número entero en su edad.")
document.fvalida.edad.focus()
return 0;
}
//valido el hobbie
if (document.fvalida.hobbie.selectedIndex==0){
alert("Debe seleccionar al menos un hobbie.")
document.fvalida.hobbie.focus()
return 0;
}
//el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.fvalida.submit();
}
</script>
Formulario:
Código:
<form name="fvalida">
<table>
<tr>
<td>Nombre: </td>
<td><input type="text" name="nombre" size="30" maxlength="100"/></td>
</tr>
<tr>
<td>Email: </td>
<td><input type="text" name="email" size="30" maxlength="20"/></td>
</tr>
<tr>
<td>Edad: </td>
<td><input type="text" name="edad" size="3" maxlength="2"/></td>
</tr>
<tr>
<td>Hobbie:</td>
<td>
<select name="hobbie">
<option value="Elegir">Elegir
<option value="Internet">Internet
<option value="Deporte">Deporte
<option value="Lectura">Lectura
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()"/></td>
</tr>
</table>
</form>