函数的getElementById不工作

Question

function signup() { 
    var username = document.getElementById("user").value 
    var password = document.getElementById("pass").value 
    if (username != false && password != false) { 
     alert("Whats up " + username); 
    } 
    } 

我做了一个按钮，通过设置上申请（）一个onclick和我做了两个文本框与ID为“用户名”和“密码”。由于某些原因，此代码不起作用。任何帮助？此外，我试图让它只是提醒用户名，但它仍然无法正常工作。

编辑：这里是

<form> 
<input type="text" class="cool" id="user" placeholder="Username"><br /> 
<input type="password" class="cool" id="pass" placeholder="Password"><br /> 
<input type="button" class ="button" value="Sign up" name="signup" onclick="signup()"> 
</form> 

Answer 1

你只需要改变按钮的name属性值，以避免相同的函数名。

代码的html看起来就像这样：

<form> 
    <input type="text" class="cool" id="user" placeholder="Username"><br /> 
    <input type="password" class="cool" id="pass" placeholder="Password"><br /> 
    <input type="button" class ="button" value="Sign up" name="signup-changed" onclick="signup()"> 
</form> 

Answer 2

您的文件档案输入ID被username和password那么它应该是document.getElementById("username")和document.getElementById("password")

function signup() { 
    var username = document.getElementById("username").value 
    var password = document.getElementById("password").value 
    if (username != false && password != false) { 
     alert("Whats up " + username); 
    } 
    } 

Answer 3

你为什么等同于虚假的投入？

元素的值是整数，而不是布尔值。编写一个==或！=的比较器，你必须使用字符串类型。

username == 'string' 

尝试

if(username.length > 0 && password.length > 0) 
    { 
     alert('hi ' + username); 
    }