getElementsByName(...).value mi da undefined

[lucavizzi]

Ciao a tutti.
Ho una pagina che carico in ajax tramite jquery in questo modo:

$(".contenuto").load("login.php");

In questa pagina ci sono 2 campi input e il codice javascript che mi serve per i due campi:

<input name="email" type="text" />
<input name="password" type="password" />

<script type="text/javascript">
var email=document.getElementsByName("email").value;
var password=document.getElementsByName("password").value;

alert("email");
alert("password");
</script>

entrambi gli alert mi restituisce undefined perche?

Perché getElementsByName (come si evince dalla "esse" finale di Elements) restituisce una collezione, nello specifico un array di oggetti, ed una collezione non ha una proprietà value.
La sintassi corretta è:

var email=document.getElementsByName("email")[0].value;

oppure, con jQuery

var email=$('input[name="email"]').val();