在javascript中输入文本值字符串验证答案

【问题标题】：Input text value string validation in javascript在javascript中输入文本值字符串验证
【发布时间】：2017-05-01 16:49:17
【问题描述】：

每当我点击我的按钮时，它总是说“请输入电子邮件”，即使框中有文字。我究竟做错了什么？我看到密码的 ID 不正确。现在我将尝试将变量放入函数中。

var emailText = document.getElementById("Email").value;
var emailErrorMessage = document.getElementById("emailError");
var passwordText = document.getElementById("Password").value;
var passwordErrorMessage = document.getElementById("passwrodError");
var button = document.getElementById("submit");

function buttonValidation1(){
    var text;

    if (emailText === "") {
      text = "Please enter an email";
    }else{
      text = "Email OK";
    }

    emailErrorMessage.innerHTML = text;
}

button.addEventListener("click", buttonValidation1);


  <!DOCTYPE html>
     <html>
       <head>

        </head>
     <!--<body>
        <p>Please input a number between 1 and 10:</p>

        <input id="numb">

        <button type="button" id="submit">Submit</button>

         <p id="demo"></p> -->

        <label>Email: &nbsp; &nbsp; &nbsp;</label>
        <input type="text" id="Email"></input><span id="emailError"></span>
        <br/> <br/>

        <label>Password:</label>
        <input type="password" id="Password"></input>
        <spanid="passwordError"></span>
        <br/>
        <input type="submit" id="submit"></input>
        <script src="Form.js"></script>
        </body>
        </html>

【问题讨论】：

请添加 HTML 代码。
3 === 表示布尔比较，如果要进行字符串比较，可能只使用 2。

标签： javascript forms validation text input

【解决方案1】：

将所有变量移入主体函数

     function buttonValidation1(){

        var emailText = document.getElementById("Email").value;
        var emailErrorMessage = document.getElementById("emailError");
        var passwordText = document.getElementById("Password").value;
        var passwordErrorMessage = document.getElementById("passwrodError");
        var button = document.getElementById("submit");

        var text;

        if (emailText === "") {
          text = "Please enter an email";
        }

        else {
          text = "Email OK";
        }

emailErrorMessage.innerHTML = text;

  }
     button.addEventListener("click", buttonValidation1);

【讨论】：

我认为这会解决它，因为 emailText 将在调用函数时设置，而不是在定义之前设置。
是的，解决了它。但我不知道我必须使用三个等号才能让它工作。当我只使用两个等号并将其设置为“”时，它给了我一个错误。这将允许我使用两个等号和
" " 引号之间有一个空格。