为了账号安全,请及时绑定邮箱和手机立即绑定

js怎么实时获取input的value值

js怎么实时获取input的value值

Smart猫小萌 2019-03-27 18:19:54
<!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值都是空,手动输入了值也是空,怎么回事呢
查看完整描述

5 回答

?
胡说叔叔

TA贡献1804条经验 获得超8个赞

你挂在window.onload事件下去读取编辑框,也就是页面加载完的时候执行,这时编辑框内容还空着呢,你应该在提交的点击事件,再去读取就对了。


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('请输入手机号码');

        }

    }

}


查看完整回答
反对 回复 2019-04-02
?
叮当猫咪

TA贡献1776条经验 获得超12个赞

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('请输入手机号码');

                    }

                }

            }


查看完整回答
反对 回复 2019-04-02
?
万千封印

TA贡献1891条经验 获得超3个赞

你需要的不是实时,你只需要在点击按钮之后去取值就可以了……

你现在的 cellPhone 是在点击之前就取了,那怎么可能取的到- -


buttonClick.onclick = function () {

  var cellPhone = document.getElementsByTagName('input')[0].value;

}


查看完整回答
反对 回复 2019-04-02
?
翻过高山走不出你

TA贡献1875条经验 获得超3个赞

你在window.onload获取当然是空啊,你自己写的value="",你在onclick的回调上获取啊。


查看完整回答
反对 回复 2019-04-02
  • 5 回答
  • 0 关注
  • 625 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号