函数getElementById不起作用

    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“username”和“password”创建了2个文本框。 由于某些原因,此代码不起作用。 任何帮助? 此外,我试图让它只是提醒用户名,但它仍然无法正常工作。

编辑:这里是输入

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

您只需要更改按钮的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>

你提到输入的ID是usernamepassword那么它应该是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);
    }
   }

你为什么等于假?

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

username == 'string'

尝试

    if(username.length > 0 && password.length > 0 )
    {
        alert('hi ' + username);
    }
链接地址: http://www.djcxy.com/p/87675.html

上一篇: function with getElementById not working

下一篇: How Can I change the background color of HTML meter?