如何從HTML表單中使用JavaScript

我覺得這問題已經被問在許多方面打印用戶的輸入，並在短短儘可能多的讓我道歉的回答。我正嘗試通過HTML表單獲取用戶輸入，並通過javaScript函數將輸出打印回屏幕。

<form id="loginInfo" > 


<input id="userName" type="text" name="user" size="40" placeholder='Username' /> 

<input id="loginButton" type="image" value="submit" src="\Images\login.png" onclick="loginButtonClick()" alt="submit" height="26" />

<script> 

    var username = document.forms.loginInfo.userName.value; 

    function loginButtonClick() { 
     alert(username); 
    } 
</script>

我想我的問題就在於，我的按鈕圖像，我可能會做一些錯誤在這一領域。任何幫助，將不勝感激。

來源

2014-06-06 Syed Jafri

的問題是，'VAR用戶名= ...'儘快運行在頁面加載永不再。如果將該行移入該函數，您將獲得更好的結果。 – HJ05

只要把var username = document.forms.loginInfo.userName.value;內loginButtonClick()功能

所以最終的腳本是：

<script> 
    function loginButtonClick() { 
     var username = document.forms.loginInfo.userName.value; 
     alert(username); 
    } 
</script>

來源

2014-06-06 20:19:43 CMPS

如何從HTML表單中使用JavaScript

回答

相關問題