猿问

这个长度大于10的时候为什么还能提交成功呢？

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script type="text/javascript">

        window.onload=function(){

            var oIpt1=document.getElementById('ipt1');

            var oBtn1=document.getElementById('btn1');

            

            oBtn1.onclick=function(){

            var oValue=oIpt1.oValue;

                if(oValue.length>10){

                    return false;

                }else{

                    return true;

                }

            }

        }

    </script>

</head>

<body>

<form>

    <input type="text" id="ipt1">

    <button type="submit" id="btn1">提交</button>

</form>

</body>

</html>


翻过高山走不出你
浏览 529回答 1
1回答

侃侃尔雅

//你写的js是在页面加载的时候运行的。你想要实现的需要在页面加载完之后运行好吧，放在onload里还是可以的<!DOCTYPE&nbsp;html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<title></title></head><body><form> &nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="text"&nbsp;id="ipt1"> &nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;type="submit"&nbsp;id="btn1">提交</button></form> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oBtn1=document.getElementById('btn1'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oBtn1.onclick=function(e){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oIpt1=document.getElementById('ipt1');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oValue=oIpt1.value;&nbsp;//你写的是var&nbsp;oValue=oIpt1.oValue; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(oValue.length>10){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(true); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;</script></body></html>
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答