name値の参照
当サイトのリニューアル作業に時間をあてるため、掲示板の投稿は当分停止させていただきます。
【HTML】
【JS】
↑上記記述で、うまくname値が読み込めません。
この場合、「Username1」を指定するのでしょうか?
別途、値を定義する構文が必要でしょうか?
<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>
<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;
}
}
if(document._method.Username1.value == "" || document._method.Usermail.value == ""){
alert("必須項目を入力して下さい。");
return false;
}else{
return true;
}
}
↑上記記述で、うまくname値が読み込めません。
この場合、「Username1」を指定するのでしょうか?
別途、値を定義する構文が必要でしょうか?
あんな さん
11月19日 15時44分
あんなさん、こんにちは。
指定が少し違っているようです。
以下でお名前、メールアドレスのテキストボックスの値を参照できます。
ドキュメント内の、UserItemFormというフォームの、Username1(Usermail)の、value(値)という意味となります。
挙げていただいたJavaScriptに適用すると以下のようになります。
また、書き方は違いますが下記も同じ意味です。
IDが振ってあるので、以下でも参照できますね。
指定が少し違っているようです。
以下でお名前、メールアドレスのテキストボックスの値を参照できます。
document.forms.UserItemForm.Username1.value;
document.forms.UserItemForm.Usermail.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;
}
}
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;
document.forms['UserItemForm'].Username1.value;
IDが振ってあるので、以下でも参照できますね。
document.getElementById('Username1').value;
document.getElementById('Usermail').value;
document.getElementById('Usermail').value;
馬場誠 さん
11月19日 17時17分