funcion .click()

[kuroTenshi]

hola, disculpen que este molestando por aqui tan pronto pero tengo este código en jquery:

Código:

<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function()
	
    {
        $("#btnentrar").click(function()
        {
            user = $("#txtusuario").val();
            pass = $("#txtpass").val();
           $("#mensaje").load("login_m.php",
           {
              user:user,
              pass:pass
           });
        });


       
    });
</script>

con el cual válido mi formulario, el problema es cuando lleno los datos y doy enter ocurre una de o me borra lo que ingrese o no entra simplemente a menos que le de click con el ratón, quería saber si esto se debe al .click() o es otra cosa en caso que fuese el .click() como puedo solucionar esto O.O??, gracias por su ayuda

[mayid]

A mi no me cuadra esto:

$("#mensaje").load("login_m.php",
{
user:user,
pass:pass
});

creo que necesitas comillas:

'user':user,
'pass':pass

De otra manera, te estas refiriendo dos veces a lo mismo, en vez de declarar las variables nuevas.

[kuroTenshi]

hice ese cambio pero mi problema esta que al dar enter(después de colocar usuario y password), no realiza nada o borra los datos en las cajas de texto, en cambio si le doy click con el mouse si ingresa normal

[mayid]

Entonces habría que cambiar la funcion. Usar .submit() en vez de .click().

Cuando ponemos el evento click estamos esperando un evento de mouse.

[mayid]

Algo mas, que saco de este post.

jQuery('#submit').focus()

.focus() tendría que dispararse al presionar enter. Podes usarlo.

Si no, sumar un evento para que al presionar enter, opere ajax. Lo que esta pasando ahora es que eal darle al enter no se dispara ajax porque no hay evento asignado.

$('form input').keypress(function(e) {
if(e.which == 13) {

}
});

[kuroTenshi]

hice esto pero aun asi no me da:

Código:

 
<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
	
        $("#btnentrar").keypress(function(event)
        {
            user = $("#txtusuario").val();
            pass = $("#txtpass").val();
           $("#mensaje").load("login_m.php",
           {
              'user':user,
              'pass':pass
           });
        });

	$('#btnentrar').click(function(){
		$('#btnentrar').keypress();
	
	});
       
    });
</script>

Agrego el formulario porsiak

Código:

<form id="form1" name="form1" method="post" action="#">
             <table width="223" border="0" cellspacing="0" cellpadding="0" align="center">
                <tr>
                  <td width="67" height="25" class="festilo2">Usuario:</td>
                  <td width="29" >&nbsp;</td>
                  <td width="144" >   <input type="text" name="txtusuario" id="txtusuario"  size="24" maxlength="12" tabindex="1"/></td>
                </tr>
                <tr>
                  <td class="festilo2">Pass:</td>
                  <td>&nbsp;</td>
                  <td><label>
                  <input type="password" name="txtpass" id="txtpass" size="24"  maxlength="12"  tabindex="2"/>
                  </label></td>
                </tr>
                <tr>
                  <td colspan="3"><div align="center">
                    <label>
                     <input type="button" name="btnentrar"  id="btnentrar" value="Entrar"  tabindex="3"/>
                    </label>
                    </div>
                 
                  </td>
                   
                </tr>
              </table>
              <div id="mensaje" align="center"></div>
            </form>

humm de esta forma si coloco enter o doy click debería funcionar pero no lo hace TT___TT

[kuroTenshi]

Cambie esta linea:

Código:

$("#btnentrar").keypress(function(event)
        {

por esta

Código:

 $("#form1").keypress(function(event)
        {

pero ahora sin necesidad de dar enter ingreso xD

[mayid]

Si, lo corregi, fijate mas arriba. Igual lo repito:

$('form input').keypress(function(e) {
if(e.which == 13) {

}
});

El keypress tiene que comprobar que la tecla sea el 13 (o sea, el enter). De otra manera, cualquier tecla dispara el evento. Comprendes?

[mayid]

$('#btnentrar').keypress();

Eso no iría. Keypress es una función nativa.

[mayid]

Fijate en esta estructura:

$(document).ready(function(){


function datos(){
user = $("#txtusuario").val();
pass = $("#txtpass").val();
$("#mensaje").load("login_m.php",
{
'user':user,
'pass':pass
});
};

$('form input').keypress(function(event) {
if(event.which == 13) {
datos(); // se dispara solo si la tecla es enter
} });

$('#btnentrar').click(function(){
datos(); // se dispara on click
});

});

[kuroTenshi]

ahh ya veo...waa gracias por tu ayuda *0* ahora si me funciona bien n.n mi único problema es el google chrome en los demas funciona bien pero eso es otro asunto :D.

[mayid]

entonces guarda lo que te funciona en otro archivo (como backup), y ponete a probar que pasa si reemplazas todo esto por el evento .submit() Puede que funcione en todos los navagadores ;)

[kuroTenshi]

Si hice eso mismo y ahora me funciona en todos :D gracias por tu ayuda