フォームの検証が機能しない - javascript

Question

フォームの検証を実装しようとしているため、送信ボタンがクリックされたときにすべての必須フィールドが入力されます。ここ は私のコードです：私は、しかし、作業イマイチフォーム

<form method =POST id="weVoteForm" onsubmit="return checkInput()"> 

このコードをdecalare方法

function checkInput() 
{ 
    <!--check if these input values are provided --> 
    var inputFile = document.getElementByID('inputFile').value; 
    var numThreads = document.getElementById('numThreads').value; 
    var scoreThresh = document.getElementById('scoreThresh').value; 
    var scorePen = document.getElementById('scorePenalty').value; 

    if(inputFile==="" ||numThreads==="" ||scoreThresh==="" ||scorePen==="") 
    { 
     alert('Please fill in all required fields'); 

    } 

//。誰が何が間違っているか明確にすることはできますかありがとう！

Answer 1

フォームを送信する前にcheckInput関数を呼び出す必要があります。 これは、フォーム要素のonsubmitイベントをとして使用できます。

<form method="POST" id="weVoteForm" onsubmit="return checkInput();"> 
</form> 

あなたの機能はまた、あなたがこのコードを記述することなく、各要素に必要な属性を設定することができ、この

function checkInput() 
{ 

    //check if these input values are provided --> 
    // notice not <!-- in JS for comment and Id not ID 
    var inputFile = document.getElementById('inputFile').value; 
    var numThreads = document.getElementById('numThreads').value; 
    var scoreThresh = document.getElementById('scoreThresh').value; 
    var scorePen = document.getElementById('scorePenalty').value; 

    if(inputFile==="" ||numThreads==="" ||scoreThresh==="" ||scorePen==="") 
    { 
     alert('Please fill in all required fields'); 
     return false; 
    } 
    return true; 
} 

のようになります。

<input type="text" required />