鍍金池/ 問答/HTML/ js怎么實時獲取input的value值

js怎么實時獲取input的value值

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Verification輸入驗證</title>
        <script type="text/javascript">
            window.onload = function() {
                var buttonClick = document.getElementsByTagName('button')[0];
                var cellPhone = document.getElementsByTagName('input')[0].value;
                var age = document.getElementsByTagName('input')[1].value;
                buttonClick.onclick = function () {
                    if (cellPhone == "" || isNaN(cellPhone)) {
                        alert('請輸入手機號碼');
                    }
                }
            }
        </script>
    </head>
    <body>
        手機號碼：
        <input type="text" name="cellPhone"  value="">
        年齡：
        <input type="text" name="age" value="">    
        <button>提交</button>
    </body>
</html>

每次獲取到的input值都是空，手動輸入了值也是空，怎么回事呢

回答
編輯回答
編輯回答
咕嚕嚕

你在window.onload獲取當然是空啊，你自己寫的value=""，你在onclick的回調(diào)上獲取啊。

2017年11月27日 16:00
編輯回答
祈歡

你掛在window.onload事件下去讀取編輯框，也就是頁面加載完的時候執(zhí)行，這時編輯框內(nèi)容還空著呢，你應(yīng)該在提交的點擊事件，再去讀取就對了。

window.onload = function() {
    var buttonClick = document.getElementsByTagName('button')[0]; 
    
    buttonClick.onclick = function () {
         var cellPhone = document.getElementsByTagName('input')[0].value;
         var age = document.getElementsByTagName('input')[1].value;
        if (cellPhone == "" || isNaN(cellPhone)) {
            alert('請輸入手機號碼');
        }
    }
}
2018年4月11日 15:29
編輯回答
笑忘初

你需要的不是實時，你只需要在點擊按鈕之后去取值就可以了……
你現(xiàn)在的 cellPhone 是在點擊之前就取了，那怎么可能取的到－　－

buttonClick.onclick = function () {
  var cellPhone = document.getElementsByTagName('input')[0].value;
}
2017年7月8日 08:57
編輯回答
尕筱澄
window.onload = function() {
                var buttonClick = document.getElementsByTagName('button')[0]; 
                buttonClick.onclick = function () {
                     var cellPhone = document.getElementsByTagName('input')[0].value;
                     var age = document.getElementsByTagName('input')[1].value;
                    if (cellPhone == "" || isNaN(cellPhone)) {
                        alert('請輸入手機號碼');
                    }
                }
            }
2017年11月14日 16:11