函數的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爲「用戶名」和「密碼」。由於某些原因，此代碼不起作用。任何幫助？此外，我試圖讓它只是提醒用戶名，但它仍然無法正常工作。函數的getElementById不工作

編輯：這裏是

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

來源

2017-08-11 bingothesnake

你說的文本框的ID是'username'和'password'那麼它應該是'的document.getElementById（「用戶名」）'和'的document.getElementById（」密碼「） –

不是語法錯誤，但你爲什麼要將字符串值與布爾值'false'比較？你也拼寫錯了。 – nnnnnn

確保你有一個'input'標籤，id是** user **，而'input'標籤的id是** pass **？ –

你只需要改變按鈕的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>

來源

2017-08-11 03:32:37

我試過了，仍然無法正常工作。 – bingothesnake

嗨，我發現你的問題的原因。我已經更新了答案，請查看並告訴我您的問題已得到解決？ –

謝謝你，這工作！我甚至不知道你不可能有與功能相同的名字。 – bingothesnake

您的文件檔案輸入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); 
    } 
    }

來源

2017-08-11 03:27:40

不，他們被稱爲用戶並且通過。 – bingothesnake

你爲什麼等同於虛假的投入？

元素的值是整數，而不是布爾值。編寫一個==或！=的比較器，你必須使用字符串類型。

username == 'string'

嘗試

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

來源

2017-08-11 03:29:47

這是* a *的問題，但是我認爲考慮到''test'！= false'是'true'，所以我懷疑它是*問題。 – nnnnnn

我想這意味着你的定義比他所擁有的問題。他說它不起作用，通過這個即時通訊假設他正在嘗試驗證某種密碼的相關性。所以似乎知道這些類型可能是有益的。 @nnnnnn –

我的觀點是，即使使用'！= false'，如果'用戶名'和'密碼'字符串都不是空字符串（而不是隻有空格或零的字符串），將顯示alert *。 – nnnnnn

函數的getElementById不工作

回答

相關問題