javascript中的输入文本值字符串验证_Javascript_Forms_Validation_Text_Input

javascript中的输入文本值字符串验证

javascript forms validation text input

javascript中的输入文本值字符串验证,javascript,forms,validation,text,input,Javascript,Forms,Validation,Text,Input,每当我点击我的按钮，它总是说“请输入电子邮件”，即使框中有文本。我做错了什么？我发现密码的ID不正确。现在，我将尝试将变量放入函数中 var emailText = document.getElementById("Email").value; var emailErrorMessage = document.getElementById("emailError"); var passwordText = document.getElementById("Password").value; va

每当我点击我的按钮，它总是说“请输入电子邮件”，即使框中有文本。我做错了什么？我发现密码的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>

var emailText=document.getElementById（“Email”）.value；
var emailErrorMessage=document.getElementById（“emailError”）；
var passwordText=document.getElementById（“密码”）.value；
var passwordErrorMessage=document.getElementById（“passwrodError”）；
var按钮=document.getElementById（“提交”）；
功能按钮验证1（）{
var文本；
如果（emailText==“”）{
text=“请输入电子邮件”；
}否则{
text=“电子邮件确认”；
}
emailErrorMessage.innerHTML=文本；
}
按钮。addEventListener（“单击”，按钮验证1）；
电邮：



密码：

将所有变量移到body函数中

     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);

将所有变量移到body函数中

     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);

请添加HTML代码。3===表示布尔比较，如果要进行字符串比较，可能只使用2。请添加HTML代码。3===表示布尔比较，如果要进行字符串比较，可能只使用2。我想这会解决问题，因为emailText将在调用函数时设置，而不是在定义之前。是的，这就解决了它。但是我不知道我必须用三个等号才能让它工作。当我只使用两个等号并将其设置为“”时，这给了我一个错误。这将允许我使用两个等号和“”，引号之间有一个空格。我认为这将解决它，因为emailText将在调用函数时设置，而不是在定义函数之前。是的，这解决了它。但是我不知道我必须用三个等号才能让它工作。当我只使用两个等号并将其设置为“”时，这给了我一个错误。它允许我使用两个等号和“”，引号之间有一个空格。