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:
controllo.php
Mi sapreste aiutare ??? Grazie spero di ricevere una risposta da parte vostra.
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.