Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    [JS] controllo campo orario

    Premessa: ignorante in Javascript (ma stò rimediando con al guida che ho trovato su questo sito)

    Problema: ho un campo ORA in formato HHMMSS (6 numeri). Su questo campo, volevo fare questo controllo: E' errato il campo ORA se HH è maggiore di 30 (non 24) oppure (MM è maggiore di 59 oppure MM minore di 00). In tal caso vorrei far diventare ciò che è stato inserito, rosso.

    Solution:

  2. #2
    Ho provato così:

    function controllo(id){
    var stringa = document.getElementById(id).value;
    var ore = stringa.substr(0,2);
    var min = stringa.substr(2,2);
    if((Integer.parseInt(ore)>30)or((Integer.parseInt( min)<0)or(Integer.parseInt(min)>59))){
    document.forms[id].campo.style.backgroundColor ='red';
    }
    }
    ...
    <input id="testo" type="text" name="oraEmissDa" size="10" maxlength="6" onchange="java-script:controllo('testo')"/>
    ...


    ma non cambia lo stesso il colore

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova con questo controllo:
    codice:
    if(parseInt(ore)>30 || parseInt(min)<0 || parseInt(min)>59){ 
    document.getElementById('testo').style.backgroundColor ='red';
    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4

  5. #5
    codice corretto, che rimanga ai posteri:

    <html>

    <script type="text/javascript">
    function controllo(id){
    var stringa = document.getElementById(id).value;
    var ore = stringa.substr(0,2);
    var min = stringa.substr(2,2);
    alert(stringa);
    if(parseInt(ore)>30 || parseInt(min)<0 || parseInt(min)>59){
    document.getElementById('testo').style.backgroundC olor ='red';
    alert("Attenzione ore>30 e minuti<59!");
    }
    }
    </script>


    <body>
    Ora emissione Da: <input id="testo" type="text" name="oraEmissDa" size="10" maxlength="6" onchange="controllo(this.id)"/>
    </body>

    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.