Javascriptで空の入力テキスト/電子メール/日付があるかどうかを確認しますか？

Question

私はプログラムする方法を学んでいるので、私と一緒にクマ。私はかなりの必要があるフォームに空のスペースがあるかどうかを確認する必要があります、私はJavaScriptを使用しています。私は次のことをしましたが、何らかの理由ですべてのスペースを記入しても空きスペースがあると私にはまだ分かります。

（これは彼のIDごとHMTMLはどのように見えるか）あなたのhtmlコードのいずれかを保持していないご質問以来

<label for="txtNombre">Name</label> 
<input type="text" id="txtName" placeholder="Name"> 

let inputName = document.querySelector('#txtName').value; 
let inputLastName = document.querySelector('#txtLastName').value; 
let inputPassword = document.querySelector('#txtPassword').value; 
let inputConfirm = document.querySelector('#txtConfirm').value; 
let inputDate = document.querySelector('#dDate').value; 

function validateForm(){ 
    let bError = false; 

    if(inputPassword === '' || inputConfirm === '' || inputName ==='' || inputLastName === '' || inputDate === ''){ 
     bError = true; 
     showMessage(bError); 
    }else if (inputPassword === inputConfirm) { 
     inputPassword.classList.remove('borderError'); 
     showMessage(bError); 
    } else{ 
     inputPassword.classList.add('borderError'); 
     bError = true; 
     showMessage2(bError); 
    } 
} 

function showMessage(pbError){ 
    divMessage.innerHTML = ''; 
    divMessage.classList.remove('error'); 
    divMessage.classList.remove('correct'); 

    let spanMessage = document.createElement('span'); 
    let nodeMessage; 

    if(pbError === true){ 
     divMessage.classList.add('error'); 
     nodeMessage = document.createTextNode('Missing fields to be filled out');  
    }else{ 
     divMessage.classList.add('correcto'); 
     nodeMessage = document.createTextNode('Data saved'); 
    } 

    spanMessage.appendChild(nodeMessage); 
    divMessage.appendChild(spanMessage); 
    divMessage.classList.remove('invisible'); 
} 

Answer 1

、そしてイム以来、スクリプト全体ではJavaScriptがあるあなたならばわからない場合、またはあなたの機能の範囲外で定義されたものがあれば、私の答えはあなたが提供した情報に限られます。

あなたは新しい開発者であるため、まずオフにしてください。まずは、 ブラウザの開発ツールを使用する方法を学んでください（ほとんどのブラウザには のブラウザがあります）。そこには、あなたのjavascriptで発生するすべてのエラー を記録するコンソールがあるはずです。これはコードをデバッグするのに最も効率的な方法です です。

誰かがここであなたの質問にコメントしたように、最も可能性が高いエラーは、あなたが空白として検証しようとしている変数が未定義の変数であることです。したがって、一致することはありません」

入力フィールドの値を確認する前に参照する必要があります。

あなたが入力フィールドを持っているとしましょう：次に、あなたは、この入力の値を参照する変数を定義し、その値をチェック

<input name="test" type="text" id="testinput" /> 

：

var testInput = document.getElementById('testinput').value 
if(testInput === "") //Do something 

注意を、いくつかがありますjavascript内のDOM要素を参照するメソッドは、getElementByIdはその1つです。あなたのコードは限り動作するはずconst inputPassword = document.getElementById('myInput').valueに

を

：あなたは、いくつかの研究を行うと、あなたが例えばのようなものをvarialiablesでの入力値を格納していると仮定して、最良

Answer 2

を、あなたに合ったソリューションを選択する必要があります私はあなたが投稿したものから知ることができます。 ご希望の場合