2016年5月25日

回车提交表单

摘要: 填写完表单数据之后,很多用户喜欢直接按回车提交,感觉速度比较快,省去了拿鼠标找“提交”按钮再单击的时间。 今天我们就来实现一下: 原理: 1,获取“Enter”按键的code: 兼容不同的浏览器的写法如下: 2,监听键盘onkeyup事件: 3,判断code键码是否为13(代表enter的键码) 详 阅读全文

posted @ 2016-05-25 08:27 择哥灬仰望星空 阅读(515) 评论(2) 推荐(0) 编辑

2016年5月23日

限制字符串长度

摘要: 在开发web页面时,表单内字符串过长而超出规定长度会导致一些不必要的麻烦, 比如: 用户注册时系统限制的用户名只有8个英文字符,但是用户输入了10个或者更多的字符时, 就可能造成昵称页面显示错行,或者昵称被截断的问题。 下面是限制字符串长度的解决方案: 1,通过使用JavaScript原生的获取属性 阅读全文

posted @ 2016-05-23 08:34 择哥灬仰望星空 阅读(4594) 评论(3) 推荐(1) 编辑

2016年5月16日

限制只能输入数字

摘要: 当我们在一些网站注册账号、填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的。为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号、邮编、电话号码这类文本框不能输入其他字符,只能是数字。 通过使用正则匹配输入的时候只是数字: 再通过JavaScript的 on 阅读全文

posted @ 2016-05-16 13:14 择哥灬仰望星空 阅读(885) 评论(0) 推荐(0) 编辑

2016年5月15日

禁止复制与粘贴

摘要: 复制与粘贴 该操作是网民日常的一些基本操作,但有些网站为了保护版权(如小说类、图片类),禁止用户执行这些操作,这样就可以防止用户将正在浏览的文本,通过复制、粘贴的方式进行传播了。 oncopy事件: 定义和用法 oncopy 事件在用户拷贝元素上的内容时触发。 提示: oncopy 事件在用户拷贝元 阅读全文

posted @ 2016-05-15 22:35 择哥灬仰望星空 阅读(1019) 评论(0) 推荐(1) 编辑

2016年5月14日

用户名不能为空

摘要: 在表单中经常些必填项目,如果用户没有输入则不允许提交表单。例如在注册用户时,必须填写用户名才能提交注册信息。验证用户是否输入时,通常需要先过滤再验证(如果用户输入的都是空格就相当于没有输入)。 我们通过使用正则表达式匹配空格 1 var regex = /\s+/g; 调用string的replac 阅读全文

posted @ 2016-05-14 13:56 择哥灬仰望星空 阅读(2863) 评论(0) 推荐(0) 编辑

2016年5月12日

去除字符串左右两边的空格

摘要: 在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,这显然不符合输入要求。 下面一起来学习怎么样去除字符串左右两边的空格。 过滤前: 过滤后: HTML代码: 1 <div class="main"> 2 <in 阅读全文

posted @ 2016-05-12 08:49 择哥灬仰望星空 阅读(1236) 评论(0) 推荐(0) 编辑

2016年3月8日

JavaScript--闭包

摘要: 闭包的概念: 在计算机科学中,闭包(也称词法闭包或函数闭包)是指一个函数或函数的引用,与一个引用环境绑定在一起。这个引用环境是一个存储该函数每一个非局部变量(也叫自由变量的表)。已晕^^ 闭包,不同于一般的函数,它允许一个函数在立即词法作用域外调用时,仍然访问非本地变量 ——from维基百科 闭包其 阅读全文

posted @ 2016-03-08 02:07 择哥灬仰望星空 阅读(629) 评论(1) 推荐(0) 编辑

2016年3月7日

动态的9*9乘法表

摘要: 近日在群里看到有个题目,拿出来写写, 要求: 用html,css,原生js实现如图的效果,先正向输出,然后逆向回溯,最后停留在完整的画面。 首先: HTML部分代码: <div id="result"></div> 就是这么简单一行搞定。 CSS代码: #result{ width:550px; m 阅读全文

posted @ 2016-03-07 08:03 择哥灬仰望星空 阅读(1679) 评论(0) 推荐(3) 编辑

2016年3月2日

css中常用的几种居中方法

摘要: 在前端面试中,大都会问你div居中的方法: 文笔不好,就随便寥寥几句话概括了, 不过以后文笔肯定会变得更好一些的。 今天我们就细数一下几种方法: 1,使用position:absolute,设置left、top、margin-left、margin-top的属性 1 .one{ 2 position 阅读全文

posted @ 2016-03-02 23:25 择哥灬仰望星空 阅读(1504) 评论(0) 推荐(1) 编辑

2015年6月2日

使 div 元素看上去像一个按钮

摘要: 使 div 元素看上去像一个按钮1 div2 {3 appearance:button;4 -moz-appearance:button; /* Firefox */5 -webkit-appearance:button; /* Safari 和 Chrome */6 }浏览器支持所有主流浏览器都不... 阅读全文

posted @ 2015-06-02 11:12 择哥灬仰望星空 阅读(623) 评论(0) 推荐(0) 编辑

导航