前端开发JS实现输入的数字必须在5-10位以上

web前端在公司的开发流程图
团队前端开发 流程
前端界面开发流程

代码片段 1

<!DOCTYPE html>
    <head>
        <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
        <title>无标题文档</title>
        <script>
            window.onload = function() {
                var oIn = document.getElementsByTagName(‘input’)
                oIn[1].onclick = function() {
                    var text = oIn[0].value
                    if (text == ”) {
                        alert(‘输入值不能为空!’)
                        oIn[0].value = ”
                    } else if (isNaN(Number(text))) {
                        alert(‘只能输入数字哦!’)
                        oIn[0].value = ”
                    } else if (text.charAt(0) == 0) {
                        alert(‘前面不能有0’)
                        oIn[0].value = ”
                    } else if (parseInt(text) !== parseFloat(text)) {
                        alert(‘不能输入小数’)
                        oIn[0].value = ”
                    } else if (text.length < 5 || text.length > 10) {
                        alert(‘长度必须是5-10位’)
                        oIn[0].value = ”
                    } else {
                        alert(‘OK’)
                        oIn[0].style.behavior = ‘red’
                    }
                }
            }
        </script>
    </head>
    <body>
        请输入QQ号码:<input type=”text” /> <input type=”button” value=”判断” />
        1、有没有输入 2、输入的是不是数字 3、不能有0在前面 4、不能是小数
        5、输入的数字必须在5位以上、10位以内
    </body>
</html>
前端开发要注意的浏览器兼容性
前端开发浏览器兼容集合
前端开发那个浏览器兼容性好
» 本文来自:前端开发者 » 《前端开发JS实现输入的数字必须在5-10位以上》
» 本文链接地址:https://www.rokub.com/6581.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!