name値の参照 | 質問掲示板 | 独学!未経験からWebデザイナーになる!!

Web制作や付随することを何でも質問できるコーナーです。

未経験からWebデザイナーになる!! > 質問掲示板 > カテゴリ: JavaScript > name値の参照

name値の参照

当サイトのリニューアル作業に時間をあてるため、掲示板の投稿は当分停止させていただきます。
【HTML】


<div id="Form">
<h3>[お申込み]</h3>
<form action="https://XXXXXXXXXXXXXXXXXXXXXXX" id="UserItemForm" method="post" accept-charset="utf-8">
<input type="hidden" name="_method" value="POST"/>
<div class="clearfix">
<table class="left">
<tr>
<th><label for="Username1" class="form_input_label"> お名前 </label></th>
<td><input name="data[User][name1]" id="Username1" value="" class="form_input_input" type="text" placeholder=""/></td>
</tr>
<tr>
<th><label for="Usermail" class="form_input_label"> メールアドレス </label></th>
<td><input name="data[User][mail]" id="Usermail" value="" class="form_input_input" type="text" placeholder=""/></td>
</tr>
</table>
</div>
<div class="center"><input type="submit" class="btn" value="確認する" onclick="return checkForm();"/></div>





【JS】

function checkForm(){
if(document._method.Username1.value == "" || document._method.Usermail.value == ""){
alert("必須項目を入力して下さい。");
return false;
}else{
return true;
}
}


↑上記記述で、うまくname値が読み込めません。
この場合、「Username1」を指定するのでしょうか?
別途、値を定義する構文が必要でしょうか?
あんなさん、こんにちは。
指定が少し違っているようです。

以下でお名前、メールアドレスのテキストボックスの値を参照できます。
document.forms.UserItemForm.Username1.value;
document.forms.UserItemForm.Usermail.value;


ドキュメント内の、UserItemFormというフォームの、Username1(Usermail)の、value(値)という意味となります。

挙げていただいたJavaScriptに適用すると以下のようになります。

function checkForm(){
if(document.forms.UserItemForm.Username1.value == "" || document.forms.UserItemForm.Usermail.value){
alert("必須項目を入力して下さい。");
return false;
}else{
return true;
}
}


また、書き方は違いますが下記も同じ意味です。
document.forms.UserItemForm.Username1.value;
document.forms['UserItemForm'].Username1.value;


IDが振ってあるので、以下でも参照できますね。
document.getElementById('Username1').value;
document.getElementById('Usermail').value;