美文网首页
JS day 02 input 只能输入数字

JS day 02 input 只能输入数字

作者: 糯米小馒头 | 来源:发表于2017-11-23 21:42 被阅读0次

    作业

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <input type="text" id="inp"/>
        </body>
        <script>
            var inp=document.getElementById("inp");
            inp.style.outline="none";
            inp.onkeyup=function(){
                //onkeyup 按钮松开事件
                (inp.value.replace(/\s+/g, ' ')==' ')?aa():(isNaN(inp.value)?bb():cc());
                //replace(/\s+/g, ' ')将多个空格替换成一个空格
                //isNaN()函数用来确定一个值是否为NaN 。
                //注:isNaN函数内包含一些非常有趣的规则;你也可以通过ECMAScript 2015/ES6 中定义的Number.isNaN()或者 可以使用typeof 来判断该值是否为一个非数字。
            }
            function aa(){
                inp.style.borderColor="red";
                inp.value="";
                alert("不能为空");
            }
            function bb(){
                inp.style.borderColor="red";
                inp.value="";
                alert("非数字");
                
            }
            function cc(){
                inp.style.borderColor="green";
            }
            
            
            
        </script>
    </html>
    
    
    promot(弹出一个可以输入的框)
    
    undefined与null相等不全等
    任何数据类型与undefined运算都是nan
    任何数据类型与null运算,null都可以当做0运算
    

    面试题(number转string的三中方法)

    var a=1;
    一、a=a+"";
    二、a.toString();
    三、string(a)
    
    

    相关文章

      网友评论

          本文标题:JS day 02 input 只能输入数字

          本文链接:https://www.haomeiwen.com/subject/gfptbxtx.html