Problemitas con el input de HTML

evaklo · Octubre 23, 2005, 22:32:59

Hola, estoy haciendo una página con unos compañeros, y se nos presentó algo que no sabemos como hacer y que está en casi todos los formularios.

Cuando uno hace clic en enviar, ¿Cómo compruebo que en un campo ponga lo que tiene que poner(por ejemplo e-mail, y que esté *@**.***)

Cabe aclarar que si está mal, el formulario no debe llegar al server, y de estar bien sí.

Muchas gracias[/list]

snoop · Octubre 23, 2005, 22:39:19

eso es "javascript" es un lenguaje del lado del cliente.
Igualmente siempre es aconsejable contrloarlo tambien del lado del server.. pq' se desactiva JS o se envia via telenet y listo

Revisa esto:
http://www.smartwebby.com/DHTML/email_validation.asp

evaklo · Octubre 23, 2005, 22:50:55

gracias, ya lo estoy leyendo

EDIT: che snoop, tengo un problema. El tema es que pude poner el script en la página, pero si el mail está bien puesto, tiene que ir al determinado sitio web. Y no va nada, se queda ahí.....

El tema es que si chequea bien, yo le ponía al formulario al dirección web a donde tiene que ir el submit. Pero ahora nada.

Si no se entiende lo explico de otra forma. Muchas gracias

Predicador · Octubre 24, 2005, 03:10:11

Hola evaklo, aca te pondfo la esctructura del codigo que contiene un form con un campo para que pongas un mail, una funcion javascript es llamada antes de enviar el form, si esta funion retorna false el form no se envia, si devuelve true si lo hace (aun hay que imlpementar el contenido de la funcion de control, ahora la hice asi limitada por cuestiones de tiempo, la diea era ejemplificar unicamente).

Código [Seleccionar]

<html>
<head>
   <title>Check Mail</title>
</head>
<script language=Javascript>


function controla(f1){
  // Aca deberias de checkear lo que quieras y devolver true  o false
  if (f1.mail == 'mi@mail.com') {
    // si el mail es valido
    return true;
  }else{
    // si el mail NO es valido
    // retornar false deberia hacer que el form no se envie
    return false;
  }
}

</script>
<body>
<form name="miForm" action="http://www.tuserver.com/actualiza.php" method="post" onsubmit="controla(miForm);">
      Mail:<input type="text" size=20 name="mail">
      <input type=button value="Send" name="send">
</form>
</body>
</html>

Debes de tener en cuenta lo que dijo snoop respecto de hacer el control tambien del lado del server, nunca debes confiar en nada de lo que recibis desde el exterior jejejeje, te podrian injectar info por ahi sino.
Exitos.
Baii

Predicador · Octubre 24, 2005, 10:27:48

La pagina que te paso snoop esta perfecta, solo deberias modificar la linea

Código [Seleccionar]

<form name="frmSample" method="post" action="#" onSubmit="return ValidateForm()">
por

Código [Seleccionar]

<form name="frmSample" method="post" action="http://tusitio.com/pagina.php" onSubmit="return ValidateForm()"> o sea, el action="" como lo habia puesto en mi ejemplo anterior.
Baii.

Camello_AR · Octubre 30, 2005, 16:48:02

Otra es poner un submit encubierto, como ser una ahref o una imagen (el tema es que si o si requiere JS activado

tipo

Código [Seleccionar]


<script>
function verifica() {
if mail = patron {
  formulario1.submit();
} else {
  alert("Mail Invalidp");
}
}
</script>
<form name=formulario1 action="./cargar.php" method=post>
...
</form>
<a href="javascript:verifica();">Enviar</a> o
<img src="botonenviar.gif" onclick=verifica()>

Puedo tener algun error de sintaxis, pq javascript no es mi lenguaje de cabezera y no tengo las fuentes aca en esta maquina como para verificar

evaklo · Enero 30, 2007, 12:52:51

no les había dado las gracias!
Gracias!!!

elrosti · Enero 30, 2007, 13:35:40

Muy bueno eso de dar las gracias casi 1 año y medio despues de que te respondieron

.

o sea, va con onda, pero realmente me parece gracioso.

evaklo · Enero 30, 2007, 15:01:26

es que estaba viendo que era lo que había hecho en argento, y justo caí =)

Camello_AR · Enero 31, 2007, 19:52:17

Es preferible tarde que nunca. Contanos que paso con esto al final. que solucion usaste. (si te acordas)

evaklo · Enero 31, 2007, 21:48:00

Usamos una validación en JS, la conseguimos de un sitio(recuerdo que tenía propaganda por todo el código, que fue exitósamente removida

) y la acomodamos a nuestro gusto.

Era LARGUISIMO el JS que terminamos usando, porque era GRANDISIMO el formulario a validar (todos datos personales)

Fue un trabajo para la facultad, un "Help Desk". Quedó joya.
Muchas gracias de nuevo por la onda!

<--- Que buen ícono! ajajjasdjsa

Noticias:

Problemitas con el input de HTML