対象データの取得方法

質問

formで送信する入力データのチェックをしたいです。
データは配列になります。（phpで作成）
phpの宣言は省略します。

◆送信側
<form method="post" action="xxxxx.php" target="_top" name="test_form">
for(i=0;i<=10;i++){
<input type="text" name="inputno[<?=$i?>]" value="<?=$inputno[$i]?>">
}
<input type="submit" value="送信" onclick="return(inputck());">
</form>

◆js処理
function inputck(){
for(i=0;i<10;i++){
if(document.test_form.inputno[i].value.match(/[^0-9]/g)){
alert("整数値を入力してください");
return(false);
}
}
}

という感じなのですが、jsのif文（inputno[i]？）がおかしいみたいでうまくいきません。
配列でなければ大丈夫なので…。
記述方法を教えてくださいm(__)m

回答No.1

yambejp · ベストアンサー

javascriptとPHPを混同している部分が見受けられます。
あとjavascriptの場合はオブジェクト渡しをした方が
わかりやすくなりますね
以下処理です。

<script>
function inputck(f){
for(i=0;i<3;i++){
if(f.elements["inputno["+i+"]"].value.match(/[^0-9]/g)){
alert("整数値を入力してください");
return false ;
}
}
return true;
}
</script>
<form>
<input type="text" name="inputno[0]" value="">
<input type="text" name="inputno[1]" value="">
<input type="text" name="inputno[2]" value="">
<input type="submit" value="送信" onclick="return inputck(this.form);">
</form>

ただし、行数をいちいち把握するのもなんなんで、
formのデータをぐるっと回したほうが汎用的かもしれません。

<script>
function inputck(f){
for(i=0;i<f.length;i++){
if(f[i].name.match(/^inputno\[[0-9]+\]$/) && f[i].value.match(/[^0-9]/g)){
alert("整数値を入力してください");
return false ;
}
}
return true;
}
</script>
<form>
<input type="text" name="inputno[0]" value="">
<input type="text" name="inputno[1]" value="">
<input type="text" name="inputno[2]" value="">
<input type="submit" value="送信" onclick="return inputck(this.form);">
</form>

お礼

できました！
ありがとうございますm(__)m