Azione di un form in base all'abilitazione di JavaScript
Buonasera,
come prima cosa mi scuso se il titolo sarà un tantino stupido ma non mi veniva altro in mente...comunque passando alla cosa in cui mi interessa: come posso fare in modo che un form invii direttamente i dati ad una pagina PHP se l'utente ha JavaScript disabilitato mentre se è abilitato invii la richiesta tramite Ajax?
Come prima cosa a me sono venute in mente tre soluzioni:
1 (pagina 1)
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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
</head>
<body>
<script type="text/javascript">window.location.replace("pagina2.php?js=abilitato");</script>
<meta http-equiv="Refresh" contenent="3; URL=pagina2.php?js=disabilitato" />
</body>
</html>
1 (pagina2.php)
Codice PHP:
<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
</head>
<body>
<?php if($_GET['js'] == "abilitato"){ ?>
// FORM CON AJAX
<?php }elseif($_GET['js'] == "disabilitato"){ ?>
// FORM SENZA AJAX
<?php }else{ Header("Location: pagina2.php?js=abilitato"); } ?>
</body>
</html>
2
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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<script type="text/javascript">
function Ciao(){
var msg = document.getElementById('a').value;
alert(msg);
}
</script>
</head>
<body>
<strong>20:00:57</strong><br /><noscript><form action="testAjax.php" method="post" onsubmit="Ciao()">
<input type="hidden" value="20:00:57" id="a" name="data" />
<input type="submit" value="INVIA" />
</form></noscript>
<script type="text/javascript" src="form.js"></script>
</body>
</html>
3
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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<script type="text/javascript">
function Ciao(){
var msg = document.getElementById('a').value;
alert(msg);
}
</script>
</head>
<body>
<strong>20:00:57</strong><br /><form action="testAjax.php" method="post" onsubmit="Ciao()">
<input type="hidden" value="20:00:57" id="a" name="data" /><script type="text/javascript">document.write('<input type="button" onclick="Ciao()" value="INVIA" />'); </script>
<noscript><input type="submit" value="INVIA" /></noscript>
</form>
</body>
</html>
Come avrete ben capito ho subito scartato le prime due idee e mi sono concentrato di più sulla terza la quale ha avuto esito positivo...ora perchè ho postato nella sezione di validazione ed accessibilità?
Bene ho postato qui perchè mi serve un metodo che sia valido con la W3C, come potete ben osservare (se validate il 3° codice) c'è un solo errore...mi sapreste dire come superare questo errore o al massimo una soluzione alternativa a ciò che voglio fare (che sia valido alla W3C).
Spero sia stato abbastanza chiaro...
