Lo probé, pero sigue sin funcionar.
Hice un archivo de prueba, con todos los datos en una misma, y simplifiqué la form (sin adornos):
Código PHP:
<html>
<head>
<title>Prueba de AJAX y forms</title>
<SCRIPT LANGUAGE=JavaScript>
function enviarFormulario(url, formid){
var Formulario = document.getElementById(formid);
var longitudFormulario = Formulario.elements.length;
var cadenaFormulario = "";
var sepCampos;
sepCampos = "";
for (var i=0; i <= Formulario.elements.length-1;i++) {
cadenaFormulario += sepCampos+Formulario.elements[i].name+'='+encodeURI(Formulario.elements[i].value);
sepCampos="&";
}
peticion.open("POST", url, true);
peticion.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=ISO-8859-1');
peticion.send(cadenaFormulario);
peticion.onreadystatechange = function() {
if (peticion.readyState == 4 && (peticion.status == 200 || window.location.href.indexOf ("http") == - 1)){
alert('2');
document.getElementById('contenido').innerHTML = peticion.responseText;
}
}
}
</script>
</head>
<body>
<div id="contenido">
<form id="login" action="#">
Por favor, identifíquese
<input type="text" name="username" id="name" />
<input type="password" name="passwd" id="pass" />
<input type="button" value="Ingresar"
onclick="enviarFormulario('member.php','login');"/>
</form>
</div>
</body>
</html>