Checbox e abilitazione tasto "Invio dati"

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Salve a tutti,

Vorrei un vostro paere ed eventualmente correzione. Come tutti i form a fine compilazione dei dati si chiede all'utente di accettare le condizioni e la privacy. Dopo aver flaggato, il tasto "Invio dati" si abilita e si può inviare la registrazione. Ora volevo sapere da voi se il procedimento è giusto o meno. Però ci si pone subito una domanda. Se io flaggo con i campi vuoti, ovviamente lo script fa il suo lavoro. Abilita il tasto e si può inviare lo stesso i dati. Come ovviare aciò ?? Visto che ancora non sono riuscito ad avere un codice per efttamente funzionate sui campi in jquery che mi indica che tutti campi vanno compilati, e questo sarebbe già una mezza soluzione. Mi era venuto in mente di nascondere i termini e le condizioni quindi il flag, e di farlo apparire all'ultimo campo compilato. E' fattibile ciò ??? Se si mi potreste aiutare a sistemare il codice ??? Grazie. Questo è il codice completo:

iscrizione.php

PHP:
<html> 
    <head>  
		<script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>  
<script 
        <script type="text/javascript">
		
    
    $(document).ready(function(){
    $("#invia").click(function(){

    $("#risultato").html("<img src='loading.gif'/>");
$.ajax({
    type: "POST",
    url: "checkdate.php.php",
    data: "cognome=" + $("#cognome").val(),"nome=" + $("#username").val(),"username=" + $("#email").val(),"email" + $("#password").val(),"password=" 
    success: function(response){
    $("#risultato").html(response);
    }
    });
    });
    })
    $(function()
		{	
			$('input').keyup(function()
			{       
                                var cognome= $('#cognome').val();
                                var nome= $('#nome').val();
    				var username = $('#username').val();
				var email = $('#email').val(); 
				var ripemail = $('#ripemail').val(); 
                                var password = $('#password').val();        
                                var ripassw = $('#rippasw').val();
       
 		}  
	}  
        </script>   
        
      <script type="text/javascript">
	function unlock(el1, el2) {
		if(el1.checked) {
			document.getElementById(el2).disabled = false;
		} else {
			document.getElementById(el2).disabled = 'disabled';
		}
	}
</script>
	</head>   
    <body>   
        <div align="center">  
            <h2>Esempio form di registrazione</h2>   
        </div>   
          <form name="iscrizione" action="checkdate.php" method="POST" id="iscrizione">
        
              <div style='font-family:Comic Sans MS; font-size: 20px'>      
            
                <label for="cognome">Cognome:  <input type="text" id="cognome" name="cognome" /></label>
              
                <p><p> <label for="nome">Nome: <input type="text" id="nome" name="nome" /></label> </p></p>
 
                <p><p><label for="username">Username: <input type="text" id="username" name="username" /></label> </p></p>
            
               <p><p><label for="email">Email: <input type="text" id="email" name="email" /></label> </p></p>

               <p><p><label for="ripemail">Rip-Email: <input type="text" name="ripemail" id="ripemail" autocomplete ="off"/></label> </p></p>

               <p><p><label for="password">Password: <input type="password" id="password" name="password," /></label> </p></p>
            
                <p><p><label for="ripassw">Rip-Password: <input type="password" id="password" name="ripassw" /></label> </p></p>

                       
            <!-- <input type="checkbox" name="accetta" value="accetta"/> Spuntare per accettare i termi di regolamento e la privacy -->
            
            <input type="checkbox" name="privacy" value="1" onclick="unlock(this, 'btn1')" /> Spuntare per accettare i <a href="http://utenti/iscrizioneajax/regolamentoprivacy.php">termi di regolamento e la privacy. </a>
              
                 
                 <div style ="text-align: center"> 
           <input type="submit" name="Submit" style ="font-family: Comic Sans MS; font-size:25px" id="btn1" value="Invia dati" disabled="disabled">
               </div>   </div>
        </form>   
    </body>  
</html>

P.S.: Sto cercando di fare tutto in mysqli visto che si sta per lasciare mysql. Un ultima cosa, questa query è giusta ????

PHP:
$con->query("SELECT username FROM uty WHERE username ='$username'");

O manca qualcosa ??? Grazie in anticipo sperando che qualcuno mi risponda.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, la sintassi di questa riga è completamente sbagliata
Codice:
data: "cognome=" + $("#cognome").val(),"nome=" + $("#username").val(),"username=" + $("#email").val(),"email" + $("#password").val(),"password="
comunque ti conviene scrivere cosi
Codice:
data: $("form name=['iscrizione']").serialize(),
questo invece a cosa serve?
Codice:
$(function()
            {    
                $('input').keyup(function()
                {       
                    var cognome= $('#cognome').val();
                    var nome= $('#nome').val();
                    var username = $('#username').val();
                    var email = $('#email').val(); 
                    var ripemail = $('#ripemail').val(); 
                    var password = $('#password').val();        
                    var ripassw = $('#rippasw').val();
       
                }  
            }
sicuro che la pagina php si chiami cosi ?
Codice:
url: "checkdate.php.php",
per quale motivo apri e chiudi 2 volte il tag <p>?

questo poi .... :crying:
HTML:
<script 
        <script type="text/javascript">
Ecco il codice corretto
HTML:
<html> 
    <head>  
        <script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>  
        <script type="text/javascript">   
            $(document).ready(function(){
                $("#invia").click(function(){
                    $("#risultato").html("<img src='loading.gif'/>");
                    $.ajax({
                        type: "POST",
                        url: "checkdate.php.php",
                        data: $("form name=['iscrizione']").serialize(),
                        success: function(response){
                            $("#risultato").html(response);
                        }
                    });
                });
            });
            function unlock(el1, el2) {
                if(el1.checked) {
                    document.getElementById(el2).disabled = false;
                } else {
                    document.getElementById(el2).disabled = 'disabled';
                }
            }
        </script>
    </head>   
    <body>   
        <div align="center">  
            <h2>Esempio form di registrazione</h2>   
        </div>   
        <form name="iscrizione" action="checkdate.php" method="POST" id="iscrizione">

            <div style='font-family:Comic Sans MS; font-size: 20px'>      

                <label for="cognome">Cognome:  <input type="text" id="cognome" name="cognome" /></label>

                <p> <label for="nome">Nome: <input type="text" id="nome" name="nome" /></label> </p>

                <p><label for="username">Username: <input type="text" id="username" name="username" /></label> </p>

                <p><label for="email">Email: <input type="text" id="email" name="email" /></label> </p>

                <p><label for="ripemail">Rip-Email: <input type="text" name="ripemail" id="ripemail" autocomplete ="off"/></label> </p>

                <p><label for="password">Password: <input type="password" id="password" name="password," /></label> </p>

                <p><label for="ripassw">Rip-Password: <input type="password" id="password" name="ripassw" /></label> </p>

                <input type="checkbox" name="privacy" value="1" onclick="unlock(this, 'btn1')" /> Spuntare per accettare i <a href="http://utenti/iscrizioneajax/regolamentoprivacy.php">termi di regolamento e la privacy. </a>


                <div style ="text-align: center"> 
                    <input type="submit" name="Submit" style ="font-family: 'Comic Sans MS'; font-size:25px" id="btn1" value="Invia dati" disabled="disabled">
                </div>   
            </div>
        </form>   
    </body>  
</html>
 
Ultima modifica:

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Ciao

Ciao Cricric,

Innazi tutto grazie dell'ennesimo aiuto. Secondo poi la pagina che richaimo sono sicuro che si chiami checkdate.php. terzo:

PHP:
<script 
        <script type="text/javascript">

Orrore di digitazione. Ovviamente c'è un tag di troppo dello script ch emi sono lasciato per strada quando ho cancellato una riga. Dimmi che sono una pippa (scusate il termine, ma quando c'è vo c'è vo) a programmare ne hai tutte le ragioni. Ovviamente c'è un altro orrore di gdgitura (sempre da parte mia) nell'url: url: "checkdate.php.php", invece è ---> url: "checkdate.php." In ultimo il primo codice che avevo postato (iscrizione), lo avevo preso da uno di quegli esempi che io ritengo incompleti e con poche spiegazioni che si trovano su internet. Insomma diciamo che l abuona volontà ho provato a metterla. Forse non avrò superato l'esame. Ma anche i libri che ho su ajax e jquery purtroppo mi sono accorto che poco servivano. perchè come al solito a mio avviso anche per un ignorante come me saltano dei passaggi o gli danno per socntati. Se fai un libro anche se lo sta leggendo un perfetto ignorantone senza basi (come me), credo che riportare dei passaggi che ddai per scontato sia fondamentale. Sia per chi legge la prima volta e sia anche per chi è a un livello superiore. Stessa cosa per gli esempi che girano su internet. E' per questo che non ho mai capito come diavolo si facesse una buona interfaccia utente-->web. Comunque ti ringrazio nuovamente della tua e vostra disponibilità. ma sopratutto dello sforzo di sopportazione nei miei confronti. E questo vale per tutti sia quelli che hanno cercato di aiutarmi e sia quelli che non mi hanno aiutato e che magari hanno letto i miei post. Grazie al forum che mi sopporta !!!
 

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
ciao

Ciao Cricric,

L'ho provato e va effettivamente. Fa quello che deve fare. Vorrei gentilmente s emi verificassi anche quetso codice qua che ho fatto in quanto non mi effettua i controlli non capisco il perchè e sopratutto dove sbaglio. Il file si chiama checkdate.php quello menzoniato nella chiamata ajax ed è quello che deve verificare se lo username e l'email sono presenti nel db. In ultimo dovrebbe verificare anche la doppia password di controllo password-rippass ela doppia email-ripemail e vedere se ci sono campi lasciati vuoti o meno nell'iscrizione. Se lo username ed email sono presenti dovrebbe essere segnalato con una "X" altrimenti se sono liberi cono una "V". Grazie Questo non ci sono riuscito a farlo o meglio pensavo di averlo fatto ma non funziona.


PHP:
<?php
         require_once("connettimysqli.php");

$username = mysql_real_escape_string(strtolower($_POST['username']));

$result =$con->query("SELECT username FROM uty WHERE username ='$username'");
	if($checkusername->num_rows > 0)
	{
		echo "Registrazione non è andata a buon fine.";
	        exit();
	}else{
$con->query("INSERT INTO uty (username, email) VALUES ('$username', '$email')"); 
 
 }
echo 'Dati inseriti correttamente'; 


?>

Grazie.
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Passaggio Valori checbox in textarea Javascript 1
R Php: checbox e list box PHP 5
M Abilitazione Link Exchange Supporto Mr.Webmaster 0
F abilitazione input Javascript 1
T simulare pressione tasto Javascript 0
D Logout che rientra col tasto indietro del browser PHP 5
F [PHP] creare tabella e tasto cerca PHP 3
Beppe2 [Javascript] Tasto seleziona e copia Javascript 4
M [HTML] Tasto condivisione social e immagine HTML e CSS 2
D [PHP] Tasto destro del mouse personalizzato PHP 5
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
V [WordPress] Come modificare link in tasto menu css WordPress 21
elpirata [Javascript] Interecttare pressione tasto Invio Javascript 0
M database mysqli con tasto dettaglio PHP 2
giuseppe_123 [PHP] Tasto elimina PHP 6
asevenx [PHP] Errore tasto submit per invio dati non funziona PHP 5
felino [Windows 10] Barra di stato bloccata: tasto start e menu start Windows e Software 4
M colorare il tasto del menu all'apertura del div HTML e CSS 19
T Richiamare il click su un input type="image" alla pressione del tasto invio su una text area. PHP 0
S appinventor, aggiungere tasto registrazione Sviluppo app per Android 1
felino [C#] Click di un Button tramite il tasto Enter .NET Framework 2
P Unire il tasto submit anzicchè averlo in due file PHP 2
R tasto play stop musica pagina html Javascript 1
filippino Tasto option su Macbook Air Mac e Software 1
D cliccare sul tasto per far comparire una scritta tipo PHP 0
K tasto invio e focus su successiva input Javascript 2
R configurazione tasto paypal PHP 0
D Problema tasto annulla jQuery 0
L Integrazione PayPal. Con tasto paga adesso e link di ritorno PHP 5
E Tasto like PHP 9
A Disabilitare tasto indietro del telefono Sviluppo app per Android 1
P Supporto per inserimento campo testo + tasto invio collegato ad un db PHP 1
N problema inserimento record multipli col tasto f5 PHP 6
V settare un tasto a true PHP 4
P Cambiare evento da "click" in "premi tasto invio" jQuery 3
Z Tasto like PHP 0
M Tasto condividi su facebook HTML e CSS 1
Monital slect box e input text inviano dati senza il tasto invia PHP 5
I disabilitare tasto dopo il click Javascript 7
I disabilitare tasto dopo submit PHP 10
Trapano Un tasto, vale per due? Javascript 11
D Problema con link e iframe dal tasto centrale HTML e CSS 3
M jQuery Right Click (distinguere il click sul tasto destro dal sinistro) jQuery 2
Shyson Premo il tasto Invio e sballa i campi PHP 0
A tasto per esportare in excel PHP 1
F Come togliere il tasto play da una faccia Photoshop 6
I Problema tasto paypal E-Commerce 1
M Ridimensionamento Immagine Alla Pressione di un tasto Javascript 2
D_evil1991 creare un tasto sfoglia + far creare una thumbs ? PHP 2
B Metodo POST prelevare VALUE da tasto SUBMIT PHP 2

Discussioni simili