正则表达式学习总结(表单验证)

前一阵子,每天忙着做公司的电子商务网站的前台,对我来说也是一个很大的挑战,由于某些原因程序员离职,最后公司找了一个兼职程序员,这可苦了我~一向做前台只管设计图纸和HTML的我需要自己弄js了,也怪我不争气,早就说了把js掌握,可是到现在都没搞好,还是个看得懂却写不出的水平.

这次电子商务网站首先从用户注册开始写起,之前做过博客制作项目,不过当时是公司程序员做了很多js,那时我也就万事大吉了~现在看到注册页面,首先表单不熟悉的我就是悲剧,这个要动态验证用户注册时填写的是否正确可是让我忙碌了许多天,也头疼了许多天,当然在此先感谢前几天热心帮助我的大师丁同志.于是乎,今天也是闲着,细致了看了关于正则表达式的基本用法,受益匪浅,学习过程中像小熊同志(最近研究PHP)问了下,也给我带来了不少帮助,不过他说PHP的正则表达式跟这个我看的js有区别,这下我又晕了,不管,总之大同小异. 其实本来表单验证的正则表达式网上是有很多的,但是不够灵活,不具复制性,下面,我将以我自己学习的结果举几个例子.

  1. 验证手机号码(大陆): 我是这样写的: ^(\(\+86\)?)|(\+86)?(13[0-9]|15[0|3|6|7|8|9]|18[8|9])\d{8}$ 首先在input内的文本输入框有个默认的value=”(+86)”或者没有都不影响最终验证,并且,它能够验证当前国内的手机号码是否符合,当然同样国际手机号码的格式可以这样写 \+/d{2,4}/d{8,11} 这里需要说明的是,它分为两个部分,第一部分\+/d{2,4}为国家区号长度为最小长度2,最大长度4,后面同理号码最小长度6,最大长度11.
  2. 验证网站地址: 网上大多比较简陋,比如: [a-zA-z]+://[^/s]* ,这个明显存在很大问题,如果用户输入 what://baidu 他是可以通过验证的,有谁见过这样的网址?当然准确的说,http://可写可不写,因为ftp://和https://一般不是默认域名.我则是这样处理的,input文本输入框默认值value=”http://”,而表达式是我是这样写的: ^(http\:\/\/)?([a-zA-Z]{0,63}\.)?[-a-zA-Z0-9]{0,63}\.[a-zA-Z]{2,3}$ 这个对于whidy.net,www.whidy.net,http://whidy.net,http://www.whidy.net都是OK的,对于网站域名最大长度保守的来说我就设定为最大63,我想没有谁会申请这么长的域名了: ),,,而对于网址的结尾,则做了最小长度为2,最大长度为3的限制,域名一般没有长度为1或者大于3的.那么这样相对来说就很严格,用户哪里有输入错误,可以方便的检测出来~

看了这两个例子之后,大家可以尝试在其他表单验证,根据自己需求来写.对于正则表达式的熟练使用还是相当重要的! 最后,我分享几个有关资源,大家可以用来学习测试(一下资源均来自互联网,仅供学习参考使用,不可用于商业用途.嘻嘻~)

  1. 正则表达式系统教程
  2. 正则表达式验证小工具:RegexTester.exe 简要说明:在Regex输入框内输入规则后,在Resource内输入你要验证的内容,最后按F5,查看Matches框内的验证结果~示例如图:

    Regex Tester
    Regex Tester
  3. 一个别人写的,不错,当然看到后面也比较费力,大家有兴趣也可以看看 http://deerchao.net/tutorials/regex/regex.htm

大冢爱<<星象仪>>中文版

前天同学发来一段大冢爱的演唱会视频,看了十分感动,他发给我的是ACFUN上面的视频,当然是字幕满屏,于是又找了一些稍好一点的版本,可惜,演唱会版只找到优酷等视频网站上的,找不到高清和无水印版.而大肆搜寻好不容易在电驴和其他网站上找到相关资源,无奈没有源了,下载速度超慢…只好慢慢等待.

该视频是收录自[LOVE.IS.BORN.~5nd.Anniversary.2008~.Disc2],稍后我会将我目前收集的相关资源共享上来,当然速度的话,可能有些悲剧,除非你跟我一样有耐心哈哈~

看视频时,她那专注的神情和演唱的感觉实在是太有感染力了…总之,她弹琴的样子,歌声以及超喜爱歌词吸引了我…先上歌词:

夕阳的背后 月儿探出头 舍不得踏上 归途的孩童
遥远的天空 这片宇宙的尽头 是否会有你静静在等候
夏天的最后 只属於你我的 公园那角落
仰望著星空 许下了个承诺 是否还记得作证的 是哪一个星座
会えなくても 记忆をたどって 同じ幸せを见たいんだ
あの香りとともに 花火がぱっと开く
想到你左右 想到你身边停留 无法控制现在就想要见你的冲动
黑暗中摸索 看不见也不寂寞 为了你我会勇敢走
满天的星斗 闪烁地耀眼依旧 不变的星空 永远在这里陪我
眼泪不会流 因为那片和你看的 美丽夜空还在我的心头
路的那一头 响起的脚步 彷佛还在耳中 是幻觉是梦
我看著自己 越拉越长的影子轮廓 不禁又难过
ちっとも 変わらないはずなのに せつない気持ちふくらんでく
どんなに想ったって 君は もういない
想到你左右 想在你身边停留 不管你眼里的是多麼渺小的我
没有人能够 爱你比我还要多 因为你 我勇敢活
当流星划过 黑夜的尽头 偷偷的许了个愿望藏进胸口
眼泪不会流 真心的祈求 美丽的星空会懂
会えなくても 记忆をたどって 同じ幸せを见たいんだ
あの香りとともに 花火がぱっと开く
想到你左右 想到你身边停留 紧紧的握住 我这双小小的手
眼泪不停流 没理由只能说 都是星光太美丽的错
当流星划过 黑夜的尽头 偷偷的许了个愿望藏进胸口
眼泪不停流 只能把所有想念留在这片星空里…

优酷版本的下载地址:进入我的skydrive下载~

演唱会全套
电驴资源下载:点击下载
种子下载:
国内全套资源种子点击下载(速度还行)
国外资源原版Disc1种子点击下载(速度悲剧)
国外资源原版Disc2种子点击下载(速度悲剧)

希望大家会喜欢.

摄影小知识(1)

光的传播特性质 对焦模式 偏振光

题记:摄影的小知识很多,有大量的名词,平时看起来并不重要,但直接影响着摄影技术。

光的传播特性:

  • 光在均匀的介质中以直线方式传播(均匀指的是什么?)
  • 不同位置的光线通过细小孔径和 狭小缝隙时,靠近边缘的光线不按 直线传播,而是绕过了物体边缘障碍直线传播,产生明暗交替的光 斑,这种现象称之为光的衍射。
  • 当在非金属物体表面的反射角为33°时,反光光波振动公限于某一因 定方向,或者某一固定方向比较 强,而其他方向比较弱,我们称之 为平面偏振光。
  • 照度:物体离物体的距离增加一 倍,单位面积所接受的光照量减少为四分之一(如何测量光照?)

一些自动对焦模式

  • 红外线测距聚焦
  • 声纳测距聚焦
  • 对影聚焦
  • 相信检测聚焦
  • 陷阱聚焦
  • 眼控自动聚焦

此内容来自于:《摄影辞典》黑龙江出版社,大家有兴趣的话可以看看。

出汗的苹果

Dreamweaver CS5 新功能学习有感

一早起床,实在想不出来做什么了,于是看了看上次没看完的Adobe Dreamweaver CS5 新特性视频教程,可能我下载的不够完整,教程一共11个视频,每个视频看后都觉得大有惊喜,那么我挑几个我认为很有帮助的简单说一下

  1. 禁用/启用CSS属性:
    这个主要是在
    (点击图片可放大)

    禁用/启用CSS属性
    禁用/启用CSS属性

    这里可以更加方便的将某个标签的CSS属性比如途中是font-size,(点击图中其中任意箭头指向的地方)禁用查看效果,我想这个功能也许会在有时遇到某些莫名其妙的问题中通过排除法更快的解决,功能比较类似chrome里面的”审查元素”将某个CSS属性关闭或开启,总而言之,这个将会在web设计中起到很大的帮助作用,具体用法还需大家多多实践~

  2. 检查:
    当你需要编辑某个标签时,通过该功能可以直观的查看他的CSS属性和该标签在代码中的位置,如图

    检查

    当你鼠标悬浮在元素上时,左侧代码区讲随着你的光标对不同的元素选择而变化,当你单击某个元素时,便是图中的状态,你可以清晰的看出来该元素的CSS特征(例如,未定义PADDING和MARGIN值,这个P标签是由默认的外边距和内边距的),我自己感觉的话这个功能其实跟Firefox和chrome里面的工程模式差不多了.

  3. Adobe BrowserLab:
    当然这个是需要在线测试的,并且需要注册ADOBE帐号才能使用,按理说是可以本地测试的,不过我的DW配置有问题,而且没有添加站点,所以只好在线测试已经上传了的页面,通过这个可以方便的对比出不同浏览器之间的区别,更容易解决兼容性问题,这个功能是我最喜欢的,因为经常要考虑多浏览器兼容的时候,用那个IE TESTER有时候会崩溃,很麻烦,而且电脑安装多个浏览器也不是很方便.如图,这是分成两列的效果

    Adobe BrowserLab 2-up view

    同样的可以用参考线,进行对比,左边是FF 3.6效果,右边则是IE6效果,太方便了,当然还有个更神奇的,见下图

    Adobe BrowserLab

    如果我不说你猜出来是什么了没,就是将两种效果重叠的看,图中间有个滑动块,可以调整两个不同浏览器的效果图的透明度,简直就是Wonderful ; )有兴趣的赶紧尝试下吧~

就先介绍这三个强大的新功能,更多细节还有待发掘 : )

通过photoshop的阴影/高光工具调整相片曝光问题(下)

上次翻译了一半<<通过photoshop的阴影/高光工具调整相片曝光问题(上)>>.近期比较忙,今天抽点时间继续写完,以了心事

高光

调节阴影的部分和高光的作用相同,只不过是减少高光替换成了减少阴影,即使你觉得必须对高光部分进行修改,也不要紧:你所有做的事情对这个整体的对比都会产生很大的影响.其实我觉得我很少用到高光部分.来看看究竟什么是对你有效的.

调整

首先,我们来看这最后两个滑动块:颜色校正中间调对比度.实际上颜色校正滑块应该叫做饱和度滑块,当它单独滑动时来提高或降低饱和度的.在阴影高光调整之前,我用它来重新调整其饱和度让它看起来很合适.当然比起这里的饱和度调整,我更加偏向于使用调整图层来使修改变得更加简单.

中间调对比度滑块可以被用来提高或降低中间色调的对比度.完美而又简单:就是名副其实.然后我继续重复刚才的操作.这次将对比度还原,保持原始的效果.

在上面这张图中,通过阴影部分的调整,我又重新调整了颜色校正中间调对比度这样使树叶(也就是图上的圈圈部分)看起来更加真实.(这里并没有调整高光区域).在修正了阴影和高光后,我可以通过色相/饱和度或者是添加其他调整图层来实现不同的效果.

实例

OK,拖了若干天,总算完成了,心得也不想写了,不过学的知识是活用的,希望大家在了解了这个工具的同时,能够更好的运用到平时的设计中~

原文出处: Correcting Exposure with the Shadows & Highlights Tool