JS day 02 input 只能输入数字

2017-11-23  本文已影响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)

上一篇下一篇

猜你喜欢

热点阅读