Ciao a tutti,
ho il seguente codice.
Ci sono i due campi dadata e adata e vorrei che soltanto quando premo invio su adata mi spedisca il form.
Il mio problema e' che se tolgo i preventDefault quando do invio mi spedisce il form, se lo metto non funziona il focus su adata.
Il tasto invio lo riconosce, con $("#test").val(evento.which); mi visualizza 13
Mi potete aiutare?
codice:<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="../style.css"> <script language="JavaScript" src="../inc/jquery.js"></script> <script language="JavaScript"> $(document).ready(function() { $("#dadata").focus(); $('#dadata, #adata').focusin(function(evento) { $('#mese').val(""); }); $('#mese').focusin(function(evento) { $('#dadata, #adata').val(""); }); $('#dadata').keypress(function(evento) { $("#test").val(evento.which); if (evento.which == 13){ if ($("#dadata").val() == ""){ alert('Inserire data di partenza'); evento.preventDefault(); } else { $("adata").focus(); <<<<------ non funziona evento.preventDefault(); } } }); $('#adata').keypress(function(evento) { if (evento.which == 13){ if ($("#adata").val() == ""){ alert('Inserire data finale'); evento.preventDefault(); } else { $("#form").submit(); } } }); $('#mese').keypress(function(evento) { if (evento.which == 13){ if ($("#mese").val() == ""){ alert('Inserire mese/anno '); evento.preventDefault(); } else { $("#form").submit(); } } }); }); </script> </head> <body class="margini0"> <table border="0"> <form name="dat" action="db.asp" id="form" target="visualizza"> <tr> <td align="right">data da (formato gg/mm/aaaa): <br><input type="text" name="dadata" id="dadata" value="" class="InputTextPiccolo"></td> </tr><tr> <td align="right">data a (formato gg/mm/aaaa): <br><input type="text" name="adata" id="adata" value="" class="InputTextPiccolo"></td> </tr> <tr> <td align="right">Mese (formato mm/aaaa): <br><input type="text" name="mese" id="mese" value="" class="InputTextPiccolo" ></td> </tr> <tr> <td align="right"><input type="text" id="test"><input class="bottonePiccolo" type="submit" value="Visualizza" ></td> </tr> </form> </table> </body> </html>
Rispondi quotando