如何比較表單元素與if語句中的字符串

我對此有着許多麻煩，而且我嘗試了很多不同的方法來做到這一點，並且我只是用完了想法。如何比較表單元素與if語句中的字符串

這裏是我的代碼：

var user = document.Log.User; 
var pass = document.Log.Pass; 

function Login(){ 
if(user.value == "Admin"){ 
window.open(); 
} 
}

這裏是HTML的一面：

<form name="Log"> 
     <input class="Log" type="text" name="User"> 
    <input class="Log" type="password" name="Pass"> 
    <input type="button" value="Login" name="But" onclick="Login()" style="width: 70px;position: relative;left: 150px;top: -25px;"> 
</form>

來源

2014-01-12 Jesse Laviolette

是在身體之前還是之後的Javascript？ – Barmar

是什麼問題？ –

使用ID選擇的把你的變量賦值內登錄功能：

HTML：

個

<form name="Log"> 
    <input id="User" class="Log" type="text" name="User"> 
    <input id="Pass" class="Log" type="password" name="Pass"> 
    <input type="button" value="Login" name="But" onclick="Login()" style="width: 70px;position: relative;left: 150px;top: -25px;"> 
</form>

JS：

function Login(){ 
    var user = document.getElementById("User"); 
    var pass = document.getElementById("Pass"); 

    if(user.value == "Admin"){ 
     window.open(); 
    } 
}

來源

2014-01-12 05:09:25

你爲什麼認爲這會有所作爲？訪問表單元素的舊風格仍然有效。 – Barmar

那麼'document.getElementByName（'User'）[0]'呢？此外，你拼寫'元素'錯誤 – Cilan

然後我應該學習更多關於javascript :) –

如果你的變量賦值是JavaScript時身體之前加載，那麼它們指向的元素不存在着呢，你應該得到的錯誤。有很多方法可以解決此問題：

將Javascript放在表單後的某個位置。
把Javascript放入window.onload=function() { ... }。
指定Login()函數中的變量。

來源

2014-01-12 05:13:49 Barmar

我不知道你爲什麼做這種登錄邏輯的東西與JS，但是，這會工作：

function Login(){ 
    var user = document.querySelector('form[name=Log] [name=User]'); 
    var pass = document.querySelector('form[name=Log] [name=Pass]'); 

    if(user.value == "Admin"){ 
    window.open("yoururl.com"); 
    } 
}

希望這有助於。歡呼聲

來源

2014-01-12 05:24:30

如何比較表單元素與if語句中的字符串

回答

相關問題