@ 最新
JavaScript中登录名的正则表达式及解析(0基础)

简言

在JavaScript中,经常会用到正则表达式来进行模式匹配。例如,登录名验证,密码强度验证,字符串查找或替换等操作。现在就开始吧,零基础写出你的第一个正则表达式!

//用户名正则,4到16位(字母,数字,下划线,减号)
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
//输出 true
console.log(uPattern.test("iFat3"));
18行CSS代码实现元素抖动效果

代码

.face:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

示例

利用CSS和JS实现文件选择框的美化(input,file)

引言

在做文件上传时,都会用到文件选择框 <input type=file>。而文件选择框的样式真的是太丑了,而且不同的浏览器差异还很大。出于安全的考虑,不能直接的应用样式在文件框上。如果不做处理,文件输入框和设计页面实在是格格不入。我们只能通过变通的CSS方式并结合JS来实现美化,本文收录了一个效果以备使用。

效果

利用JavaScript实现只接收整数的输入框(input)方法

代码

age.onkeydown = function(event) {
    console.log(event.key+":"+event.which +":"+ event.keyCode +":"+ event.charCode);
    var c = event.keyCode;
    if ( c == 8 || c == 46 || c == 37 || c==39) {
    }
    else {
        if (c < 48 || (c > 57 && c < 96) || c >105 ) {
            event.preventDefault();
        } else if((c == 48 || c == 96) && (!this.value)) {
            event.preventDefault();
        }
    }
};
$ 热门标签
$ 贴士
简单是稳定的前提。 -Edsger Dijkstra
$ 声明
本站所有代码及文字都是作者精心汇编整理而成,转载代码及文字请明确注明出处和作者名称。