Ciao, spero di essere nel posto giusto. Ho uno script (controllo.JS) con il quale controllo l'inserimento di dati anagrafici (nome, cognome, indirizzo, ecc...) da inserire in una tabella MYSQL, il tutto richiamata da un form html (insert.html). Mi piacerebbe che una volta inseriti nome e cognome, se presenti, venisse visualizzata tutta l'anagrafica del soggetto.
Non so se e come richiamare la funzione php per estrarre i dati nel .js, o dal .html.
Grazie.
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Atleti</title>
<link rel="stylesheet" type="text/css" href="css/view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="controllo.js"></script>
<script language="javascript">
function esci()
{parent.location="menuriservato.html"
}
</script>
</head>
<body id="main_body" >
<img id="top" src="immagini/top.png" alt="">
<div id="form_container">
<h1><a>Atleti</a></h1>
<form id="form_56575" class="appnitro" method="post" action="insert.php">
<div class="form_description">
<h2>Atleti</h2>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Nome </label>
<span>
<input id="Nome" name= "nome" class="element text" maxlength="255" size="20" value=""/>
<label>Nome</label>
</span>
<span>
<input id="Cognome" name= "cognome" class="element text" maxlength="255" size="30" value=""/>
<label>Cognome</label>
</span>
</li>
<li id="li_2" >
<label class="description" for="element_2">Indirizzo </label>
<div>
<input id="Via" name="via" class="element text large" value="" type="text">
<label for="Via">Via</label>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="56575"/>
<input id="bottone" class="button_text" type="button" name="bottone" value="Invia" onclick="return controllo();"/>
<input id="bottoneres" class="button_text" type="reset" name="bottoneres" value="Reset" onclick="return confirm('Sei sicuro di voler resettare i campi?')";"/>
<input id="bottoneesc" class="button_text" type="button" name="bottoneesc" value="Esci" onclick="esci();"/>
</li>
</ul>
</form>
<div id="footer">
Generated by CiroJW
</div>
</div>
<img id="bottom" src="immagini/bottom.png" alt="">
</body>
</html>
Codice:
function controllo() {
var nome = document.getElementById("Nome").value;
var cognome = document.getElementById("Cognome").value;
var via = document.getElementById("Via").value;
if (nome == "")
{alert("Inserire il nome");
document.getElementById("Nome").focus();
return false;
}
if (cognome == "")
{alert("Inserire il Cognome");
document.getElementById("Cognome").focus();
return false;
}
if (via == "")
{alert("Inserire la Via");
document.getElementById("Via").focus();
return false;
}
document.getElementById('form_56575').submit();
return true;
}