validar mail jquery problema

rpichinu · #1 (**permalink**) 12/12/2011, 19:03

bueno amigos...no logro hacer ufuncionar la validacion del mail

estoy ocupando este codigo:

Código HTML:

Ver original<script language="javascript" type="text/javascript" src="jquery-1.7.1.js"></script>
<script language="javascript" type="text/javascript">
$("#formulario").submit(function () {  
    if($("#email").val().indexOf('@', 0) == -1 || $("#email").val().indexOf('.', 0) == -1) {  
        alert("La dirección e-mail parece incorrecta");  
        return false;  
    }  
    return false;  
});  
 
</script>
</head>
 
 
<body>
<form id="formulario" name="formulario" method="post" action="">
  nombre
  <label>
  <input type="text" name="nombre" id="nombre" />
  </label>
  <p>email 
    <label>email
    <input type="text" name="email" id="email" />
    </label>
  </p>
  <label>web
  <input type="text" name="titulo" id="titulo" />
    <br />
    <br />
    </label>
    
    <input type="submit" value="GUARDAR" />
   
</form>

que estoy haciendo mal?

chicohot20 · #2 (**permalink**) 12/12/2011, 19:14

Creo que sería asi:

Código Javascript:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $("#formulario").submit(function () {  
        if($("#email").val().indexOf('@', 0) == -1 || $("#email").val().indexOf('.', 0) == -1) {  
            alert("La dirección e-mail parece incorrecta");  
            return false;  
        }  
        return false;  
    });  
 });
</script>
</head> 
<body>
<form id="formulario" name="formulario" method="post" action="">
  nombre
  <label>
  <input type="text" name="nombre" id="nombre" />
  </label>
  <p>email 
    <label>email
    <input type="text" name="email" id="email" />
    </label>
  </p>
  <label>web
  <input type="text" name="titulo" id="titulo" />
    <br />
    <br />
    </label>
    
    <input type="submit" value="GUARDAR" />
   
</form>
</body>
</html>

rpichinu · #3 (**permalink**) 12/12/2011, 19:18

no creo ke es lo mesmo!!

chicohot20 · #4 (**permalink**) 12/12/2011, 19:19

Haz probado?

rpichinu · #5 (**permalink**) 12/12/2011, 19:30

ASI ES LO PROBE....ESTA PARTE DE TU CODIGO ES LO MESMO A LA QUE YO UTILIZO

https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

chicohot20 · #6 (**permalink**) 12/12/2011, 19:40

No entiendo tu problema, revisa esto:

http://jsfiddle.net/chicohot20/RWdac/

rpichinu · #7 (**permalink**) 12/12/2011, 20:03

ahy si..ahora lo probe y me funciono.....ahora como coloco el mensaje de mail incorrecto inmediatamente al colocarlo o por ejemplo al precionar tabuador...me salga el mensaje y no me deje avanzar a otro input mientras coloke una direccion de correo electronica valida....en otro ejemplo utilize algo asi ..pero ahora no me resulto

Código Javascript:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $("#formulario").submit(function () {  
        if($("#email").val().indexOf('@', 0) == -1 || $("#email").val().indexOf('.', 0) == -1) {  
            alert("La dirección e-mail parece incorrecta");  window.document.formulario.email.focus();      
                window.document.formulario.email.select();
             
        }  
        return false;  
    });  
 });
</script>
</head> 
<body>
<form id="formulario" name="formulario" method="post" action="">
  nombre
  <label>
  <input type="text" name="nombre" id="nombre" />
  </label>
  <p>email 
    <label>email
    <input type="text" name="email" id="email" />
    </label>
  </p>
  <label>web
  <input type="text" name="titulo" id="titulo" />
    <br />
    <br />
    </label>
    
    <input type="submit" value="GUARDAR" />
   
</form>
</body>
</html>