JavaScript基础插曲-练习

Javascript基础学习

eg:利用正则表达式来去掉空格。

1：msg=' Hello '；

<script type="text/javascript">

    var msg = ' Hello ';

    msg = msg.replace(/^\s+/, "").replace(/&\s+/, '');

    alert(msg);

</script>

eg:利用js实现登录的时候显示密码的强度

这个主要使用正则表达式来进行判断和js操作样式来改变下面的颜色。需要注意的是switch的时候千万不要忘记写break;在合适的地方跳出来。

<script type="text/javascript">

    window.onload = function () {

        //这里为文本框注册一个键盘键按下后弹起的事件

        document.getElementById('txtPassword').onkeyup = function () {

            var tds = document.getElementById('tb1').getElementsByTagName('td');

            //初始化颜色

            for (var i = 0; i <tds.length; i++) {

                tds[i].style.backgroundColor = '';

            }

            //1:获取用户输入的内容

            var val = this.value;

            if (val.length > 0) {

            //2:根据用户输入的密码，来效验密码的强度。

            var pwdLvl = getPasswordLever(val);

            //3:改变下面显示的强度。

            switch (pwdLvl) {

                case 0:

                case 1:

                case 2:

                    //弱

                    tds[0].style.backgroundColor = 'red';

                    break;

                case 3:

                case 4:

                    //中

                    tds[0].style.backgroundColor = 'orange';

                    tds[1].style.backgroundColor = 'orange';

                    break;

                case 5:

                    //强

                    tds[0].style.backgroundColor = 'green';

                    tds[1].style.backgroundColor = 'green';

                    tds[2].style.backgroundColor = 'green';

                    break;

                default:

            }

            }

 
        };

    };

    //这里是申明了一个匿名函数，通过这个匿名函数来判断密码的强度。

    function getPasswordLever(user_pwd) {

        //下面是通过正则表达式的match()方法来判断输入的密码中是否有满足的指定条件。

        var lvl = 0;

        //1:含有数字，强度+1

        if (user_pwd.match(/\d+/)) {

            lvl++;

        }

        //2：含有小写字母，强度+1

        if (user_pwd.match(/[a-z]+/)) {

            lvl++;

        }

        //3:含有大写字母，强度+1

        if (user_pwd.match(/[A-Z]+/)) {

            lvl++;

        }

        //4:含有特殊符号，强度+1

        if (user_pwd.match(/[^0-9a-zA-Z]+/)) {

            lvl++;

        }

        //5:密码的长度超过6位，强度+1

        if (user_pwd.length > 6) {

            lvl++;

        }

        return lvl;

    }

</script>



关于笔记：自己要很认真的写，一些知识点自己学过去就会忘记，笔记可以为以后留着复习用。希望自己坚持下去。