Untitled

Gxbriel_99

Jun 24th, 2024 (edited)

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

text 3.68 KB | Source Code | 0 0

raw download clone embed print report

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="module" src="./form_sideclientJS.js"></script>
<title>Esercizio29 JS</title>
</head>
<body>
<form action="./index.html" method="post" id="form">
<div id="datianagrafici">
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome" placeholder="nome" />
<div id="feedbackNome"></div>
<label for="cognome">Cognome: </label>
<input type="text" name="cognome" id="cognome" placeholder="cognome" />
<div id="feedbackCognome"></div>
<label>Genere: </label>
<input type="radio" id="sessoM" name="sesso" value="M" />
<label for="sessoM">M</label>
<input type="radio" id="sessoF" name="sesso" value="F" />
<label for="sessoF">F</label>
<input type="radio" id="sessoAltro" name="sesso" value="Altro" />
<label for="sessoAltro">Altro</label>
<div id="feedbackSesso"></div>
<label for="CodFiscale">Codice Fiscale: </label>
<input type="text" name="CodFiscale" id="CodFiscale" placeholder="Codice Fiscale" />
<div id="feedbackCodiceFiscale"></div>
<label for="cellulare">Cellulare: </label>
<input type="number" name="cellulare" id="cellulare" placeholder="Numero di telefono" />
<div id="feedbackCellulare"></div>
</div>
<div id="recapiti">
<label for="cap">CAP: </label>
<input type="number" name="cap" id="cap" placeholder="CAP" />
<div id="feedbackCap"></div>
<label for="provincia">Provincia: </label>
<input type="text" name="provincia" id="provincia" placeholder="Provincia" />
<div id="feedbackProvincia"></div>
<label for="citta">Città: </label>
<input type="text" name="citta" id="citta" placeholder="Città" />
<div id="feedbackCitta"></div>
<label for="NCivico">N°Civico: </label>
<input type="text" name="ncivico" id="NCivico" placeholder="N°Civico" />
<div id="feedbackNCivico"></div>
</div>
<input type="submit" name="Invia" onclick=check()>
<input type="reset" name="Pulisci">
</form>
</body>
</html>
const form = document.getElementById("form");
form.addEventListener('submit', check);
function check(event) {
// Previeni il comportamento predefinito del form (ad esempio, il refresh della pagina)
event.preventDefault();
console.log(event);
var nome = document.getElementById("nome").value;
var cognome = document.getElementById("cognome").value;
var sessoM = document.getElementById("sessoM").checked;
var sessoF = document.getElementById("sessoF").checked;
var sessoAltro = document.getElementById("sessoAltro").checked;
var codiceFiscale = document.getElementById("CodFiscale").value;
var cellulare = document.getElementById("cellulare").value;
var cap = document.getElementById("cap").value;
var provincia = document.getElementById("provincia").value;
var citta = document.getElementById("citta").value;
var NCivico = document.getElementById("NCivico").value;
console.log("Nome:", nome);
console.log("Cognome:", cognome);
console.log("Sesso (M):", sessoM);
console.log("Sesso (F):", sessoF);
console.log("Sesso (Altro):", sessoAltro);
console.log("Codice Fiscale:", codiceFiscale);
console.log("Cellulare:", cellulare);
console.log("CAP:", cap);
console.log("Provincia:", provincia);
console.log("Città:", citta);
console.log("N°Civico:", NCivico);
}

Tags: html JavaScript js

Add Comment

Please, Sign In to add comment