Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2015
    residenza
    napoli
    Messaggi
    65

    validare form con jquery

    buona sera ragazzi voglio validare gli input di un form con jquery.validate.js pero lo script che ho scritto non funziona vi posto la parte di codice

    codice HTML:
    <script type="js/javascript" src="js/jquery.js"></script>
     <script type="js/javascript" src="js/jquery.validate.js"></script>
    
    <form action="#" method="POST" id="form">
     <fieldset>
      <div class="form-group"> 
       <label for="username">Username</label>
       <input type="text"  class="form-control" id="username" name="username" placeholder="Inserisci il tuo username...">
      </div>
      
      
      <div class="form-group">
       <label for="email">Email</label>
       <input type="text" class="form-control" id="email" name="email" placeholder="Inserisci l'indirizzo email...">
      </div>
      
      <div class="form-group">
       <label for="email">Password</label>
       <input type="password" class="form-control" id="password" name="password" placeholder="Inserisci la password...">
      </div>
      
      <div class="form-group">
       <label for="email">Ripeti Password</label>
       <input type="password" class="form-control" id="password2" name="password2" placeholder="Ripeti la password...">
      </div>
      
      <div class="form-group">
       <label for="stato">Domanda segreta</label>
       <select  class="form-control" id="domanda">
        <option>Come si chiama il tuo cane ?</option>
        <option>Il nome del tuo primo insegnate</option>
        <option>Il tuo numero di telefono</option>
       </select>
      </div>
      
      <div class="form-group">
       <label for="risposta">Risposta</label>
       <input type="text" class="form-control" id="risposta" name="risposta" placeholder="Inserisci la risposta...">
      </div>
    
       <input type="submit" class="btn btn-default btn-primary btn-large btn-block" value="Regitrati">
     </fieldset>
    </form>
    
    </div>
    
    <script>
    jQuery(document).ready(function($){
        $("#form").validate(
        {
            rules:
            {
                username:{
                     required: true
                    }, 
                password: 
                {
                    required: true,
                    equalTo: "#password2"
                },
                email:
                {
                    required: true,
                    email: true
                }
            }
        });
    });
    </script>
    grazie e buona serata

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    A) togli js/ nel tag type del script jquery e validate che includi
    B) cambia ID al form perché form è una parola riservata
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2015
    residenza
    napoli
    Messaggi
    65
    Ciao andrea grazie per la risposta comunque ho cambiato i tag e l'id e ora nella consore di firebug mi esce
    ReferenceError: jQuery is not defined
    jQuery(document).ready(function($){

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    jQuery(document).ready(function($){ con questa $(document).ready(function(){
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2015
    residenza
    napoli
    Messaggi
    65
    nnt ora mi dice

    ReferenceError: $ is not defined
    $(document).ready(function(){

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Sicuro del percorso della libreria jquery e che la stessa sia sul server? Metti un link alla pagina pubblica (tuosito.it/miapaginapubblica.xxxx)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2015
    residenza
    napoli
    Messaggi
    65
    il sito e in locale sto lavorando su un progetto domotico con una scheda tipo arduino...

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Come esegui le pagine web da browser con il protocollo file:// o http://?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    Utente di HTML.it
    Registrato dal
    Jan 2015
    residenza
    napoli
    Messaggi
    65
    con localhost ho un server LAMP sul pc

  10. #10
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Verifica i percorsi, l'errore è perché non trova la libreria jquery
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Tag per questa discussione

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 © 2025 vBulletin Solutions, Inc. All rights reserved.