フォームの要素から値を取得しようとしています。しかし、何らかの理由で、1 つの要素からしか値を取得できません。
これは私のhtmlコードです:
<form name="registerform" class="registerform">
<label for="usernamefield">Username: </label>
<br>
<input type="field" id="usernamefield"></input>
<br>
<label for="emailfield">Email: </label>
<br>
<input type="email" name="emailfield" id="emailfield"></input>
<br>
<label for="passwordfield">Password: </label>
<br>
<input type="password" name="passwordfield" id="passwordfield"></input>
<br>
<label for="passwordrepeatfield">Repeat Password: </label>
<br>
<input type="password" name="passwordrepeatfield"></input>
<br>
<!--Check field-->
<br>
<input type="checkbox" name="agreementbox" id="agreementbox"></input>
<label for="agreementbox" id="termslink">I agree to the </label>
<a href="" id="termslink">terms</a>
<br>
<input type="button" id="registerbutton" value="Register" onclick="registerUser()">
</form>
これはJavaScriptコードです:
function registerUser()
{
var username = document.getElementById("usernamefield").value;
var email = document.getElementById("emailfield").value;
var password = document.getElementById("passwordfield").value;
console.log("Username: " + username);
console.log("Email: " + email);
console.log("Password: " + password);
if (window.XMLHttpRequest)
{
// Code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{
// Code for IE6, IE5
xmlhttp = ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST",
"RegisterUser.php?username=" + username
+ "&email=" + email
+ "&password" + password,
true);
xmlhttp.send();
}
コンソールには、メール フィールドに入力された値のみが表示されます。
誰かが私を助けてくれることを願っています。前もって感謝します :)