Ciao a tutti, questa e' la mia pagina
In pratica e' una maschera per inserire dei dati, quando premo invio sulle textbox vorrei che passi alla successiva e quando mi trovo sul campo ragSociale mi dovrebbe inviare i dati inseriti.codice:<html> <head> <link rel="stylesheet" href="../style.css"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" content="no-cache"> <script type="text/javascript" language="javascript" src="../inc/jquery.js"></script> <script language="javascript" type="text/javascript"> /* else if (tipoBustaValidi.indexOf($("#codBusta").val())==-1){ alert("Inserire un tipo busta valido"); $("#codBusta").focus(); event.preventDefault(); */ $(document).ready(function() { $("#dataDocumento").focus(); $("#codSede").val("4"); /* $("#dataDocumento").keypress(function (e) { if (e.keyCode == 13) { $("#ndg").focus(); } }); */ $('#dataDocumento').keydown(function(evento){ var kc = (evento.keyCode ? evento.keyCode : evento.which); if(kc == '13'){ $("#ndg").focus(); } }); $("#ndg").keydown(function (ev) { if (ev.keyCode == '13') { $("#ragSociale").focus(); } }); $("#ragSociale").keydown(function (eve) { if (eve.keyCode == '13') { $("#frm").submit(); } }); var tipoBustaValidi = "101|401|501|151|801|901" $("#frm").submit(function(event){ event.preventDefault(); if ($("#codSede").val()==0){ alert("Attenzione selezionare una filiale"); $("#codSede").focus(); } else if ($("#dataDocumento").val() == ""){ alert("Inserire una data"); $("#dataDocumento").focus(); } else if ($("#dataDocumento").val().length > 0){ if (isValidDate($("#dataDocumento").val(),"dd/mm/yyyy")==false) { alert("Data documento non valida"); $("#dataDocumento").focus(); } else if ($("#tipoDocumento").val().length < 3){ alert("Inserire un tipo busta di 3 caratteri"); $("#tipoDocumento").focus(); } } }); $("#tabellaBuste input[name='spunta']").click(function(event){ $(window.location).attr('href', 'db.asp?tipo=spuntaBusta&idBusta='+ $(this).attr("value")); }); $(".evidenzia").mouseover(function(){ var old_col = $(this).css("backgroundColor"); if (old_col != "#bfe31a"){ $(this).css("backgroundColor","#ffdead"); } }); $(".evidenzia").mouseout(function(){ var old_col = $(this).css("backgroundColor"); if (old_col != "#bfe31a"){ $(this).css("backgroundColor","#FFFFFF"); } }); } ); var isValidDate = function (value, userFormat) { var userFormat = userFormat || 'mm/dd/yyyy', // default format delimiter = /[^mdy]/.exec(userFormat)[0], theFormat = userFormat.split(delimiter), theDate = value.split(delimiter), isDate = function (date, format) { var m, d, y for (var i = 0, len = format.length; i < len; i++) { if (/m/.test(format[i])) m = date[i] if (/d/.test(format[i])) d = date[i] if (/y/.test(format[i])) y = date[i] } return ( m > 0 && m < 13 && y && y.length === 4 && d > 0 && d <= (new Date(y, m, 0)).getDate() ) } return isDate(theDate, theFormat) } </script> </head> <body> <br> <form action="db.asp" id="frm" method="post"> <input type="hidden" value="inserisciBusta" name="tipo"> <table border="0" align="center" cellpadding=2 cellspacing=0 class=tabellaBordi> <tr> <td align="center" colspan="2" class="intestazioneTab">INSERISCI UN NUOVO DOCUMENTO</td> </tr> <tr> <tr> <td align="right">Banca:</td> <td><input type="text" value="043" readOnly name="codBanca" id="codBanca" class='InputText6'></td> </tr> <tr> <td align="right">Filiale:</td> <td> <select name='codSede' id='codSede' class='SELECT6'><option value='0'>Seleziona una filiale</option><option value='4'>Banca CRS</option></select> </td> </tr> <tr> <td align="right">Tipo documento:</td> <td><input type="text" name="tipoDocumento" id="tipoDocumento" readOnly value="DCER1" maxlength="10" class='InputText6'></td> </tr> <tr> <td align="right">Data firma (GG/MM/AAAA):</td> <td><input type="text" name="dataDocumento" id="dataDocumento" value="" maxlength="10" class='InputText6'></td> </tr> <tr> <td align="right">NDG:</td> <td><input type="text" name="ndg" id="ndg" maxlength="9" class='InputText6' value=""></td> </tr> <tr> <td align="right">Ragione Sociale:</td> <td><input type="text" name="ragSociale" id="ragSociale" maxlength="100" class='InputText6' value=""></td> </tr> <tr> <td> <input type="checkbox" value=1 name="mantieniValori">Mantieni valori </td> <td align="right"><input type="submit" value="Inserisci" class="bottonePiccolo"></td> </tr> </table> </form> <table border="0" align="center" cellpadding="2" cellspacing="0" class="tabellaBordi" id="tabellaBuste"> <tr> <td align="center" colspan="7" class="intestazioneTab">BUSTE INVIATE A SIA</td> </tr> <tr> <td align="center" colspan="7" class="fondoTab">Nessuna busta presente</td> </tr> </table> </body> </html>
Il passaggio da un campo al seguente funziona solamente su firefox e chrome, su IE invece nulla, ma se metto un alert all'interno di una delle funzioni keydown lo visualizza.
Il secondo problema e' che non mi invia i dati del form, immagino sia per colpa dell'istruzione event.preventDefault(); che pero' mi serve per evitare l'invio del form alla pressione del tasto invio. Ho anche provato ad usare stopPropagation() e non mettere preventDefault() ma non funziona.
Come risolvo la cosa?
grazie in anticipo dell'aiuto

Rispondi quotando