funzione onkeyup

paperinik4

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

Come da titolo, con le funzioni sono abbastanza imbranato. Dovrei riuscire a controllare ogni campo una volta che viene compilato. Mi spiego meglio. Mettiamo il campo nome, se il campo nome viene compilato correttamente, a fianco compare un ok altrimenti mi segnala che il campo deve essere compilato e non lasciato vuoto. Ho buttato giù qualcosina di molto semplice, solo che non so come applicare la funzione onkeyup che alla fine è quella che gestisce il tutto.

inserimento.php:

PHP:
<html>
    <head>
        <meta charset="UTF-8">
        <title>Iscrizione</title>
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script type="text/javascript">      
      $(document).ready(function(){
$("#invia").click(function(){
$.ajax({
type: "POST",
url: "controllo.php",
data: "cognome=" + $("#cognome").val() "nome=" + $("#nome").val(), "username=" + $("#username").val(),
success: function(response){
$("#risultato").html(response);
}
});
});

</script>
<style type="text/css"> 
 #Data{
 position:absolute;
 top:0px;
 left:10px;
 left:20px;
 
}
#Titolo{
position:absolute;
top:0px;
left:395px;
width: 350px;
font-size:100%;
}
hr {
position:absolute;
top: 42px;
width: 98%;
color: #0000ff;
}
div {
    
position:absolute;
top: 65px;    
}
</style>
</head>
<body>
<div id="div">
    
<form action="checkdate.php" method="post" id="contatti">

<label for="cognome">Cognome: <input type ="text" id="cognome" name="cognome" maxlenght ="15" ></label>
<p>
<label for="nome">Nome: <input type ="text" id="nome" name="nome" maxlenght ="15"> </label>
</p>
<p>
<label for="nome">Username: <input type ="text" id="username" name="username" maxlenght ="15"> </label>    
</p>
</form>
    <div id="output" style="color: purple"></div>
</div>
</body>
</html>
</style>
    </head>
    <body>
        <?php
        
       include_once("connetti.php");

       echo '<div id="Data">';

include_once("data.php");

echo '<div id="Titolo"><h2>Prova inserimento campi</h2>';

echo "</div> </div> </div>  ";

echo ' <hr> <div id = "hr">';

echo "</hr> </div>";

?>
    </body>
</html>

controllo.php

PHP:
<html>
    <head>
        <meta charset="UTF-8">
        <title>Verifica dati</title>
    </head>
    <body>
        <?php
        
        require_once("connetti.php");
        
if($nome ==""){
  echo '<span img src="/imgs/not-available.png" alt="not-available"> ';
}else{
echo '<span> Attenzione il campo deve essere riempito </span>';

}
    ?>
        
    </body>
</html>

Mi sapreste aiutare ??? Grazie spero di ricevere una risposta da parte vostra.
 

Discussioni simili