JavaScriptで3つの数値入力フィールドを検証する

Question

現在、3つの数値入力フィールドを持つPHPを使用してページを設定しています。これは次のようになります。

echo "Adult Tickets: <input type=\"number\" name=\"adulttickets[]\" value='0' id='adult' min='0' max='10'><br />"; 
echo "Child Tickets: <input type=\"number\" name=\"childtickets[]\" value='0' id='child' min='0' max='10'><br />"; 
echo "Student Tickets: <input type=\"number\" name=\"studenttickets[]\" id='student' value='0' min='0' max='10'><br />"; 

echo <<<_END 

<input type="submit" onsubmit = 'return validate()' value="Submit booking details"> 

は、私は3つの入力タイプのどれもゼロのデフォルト値から変更されていない場合は、フォームが送信できないことを確実にするためにはJavaScriptを使用します。これを反映して、私は次のJSスクリプトを設定しました：

<script> 
function validate(){ 
    var adult = document.getElementById('adult').value; 
    var child = document.getElementById('child').value; 
    var student = document.getElementById('student').value; 

    if(adult==0 && child ==0 && student==0){ 
     alert("yes."); 
     return false; 

    } 
    return true; 
} 
</script> 

これを実行すると何も起こりません。私はこれについて正しいことをしていますか？私が今説明した結果を達成するための良い方法がありますか？

Answer 1

を変更、あなたは以下のコードがあるとします - 値がされます文字列）を比較する。

var adult = parseInt(document.getElementById('adult').value); 
var child = parseInt(document.getElementById('child').value); 
var student = parseInt(document.getElementById('student').value); 

Answer 2

私はちょうどあなたが現在彼らは、入力の種類が番号であっても文字列です（数値への入力値を解析する必要があるonsubmit

onclickから

<?php 
echo "Adult Tickets: <input type=\"number\" name=\"adulttickets[]\" value='0' id='adult' min='0' max='10'><br />"; 
echo "Child Tickets: <input type=\"number\" name=\"childtickets[]\" value='0' id='child' min='0' max='10'><br />"; 
echo "Student Tickets: <input type=\"number\" name=\"studenttickets[]\" id='student' value='0' min='0' max='10'><br />"; 
?> 
<input type="submit" onclick = 'return validate()' value="Submit booking details"> 

<script> 
function validate(){ 
    var adult = document.getElementById('adult').value; 
    var child = document.getElementById('child').value; 
    var student = document.getElementById('student').value; 

    if(adult==0 && child ==0 && student==0){ 
     alert("yes."); 
     return false; 

    } 
    return true; 
} 
</script>