<![CDATA[文歌随笔 - 技术┊网站设计]]> http://www.zewen.cn/ zh-cn PBlog2 v2.4 文歌随笔 http://www.zewen.cn/images/logos.gif http://www.zewen.cn/ 文歌随笔 http://www.zewen.cn/article.asp?id=1143 <![CDATA[[网站]10个让人讨厌的用户体验]]> jmaven@gmail.com(黑蝙蝠) Tue,30 Mar 2010 11:42:47 +0800 http://www.zewen.cn/default.asp?id=1143 有病毒或木马的网站放到一边不谈。因为那些根本不配用“用户体验”这几个字来讨论。

1、修改浏览器主页

　　这是最常见的流氓行为之一。有些直接修改了主页不告诉你，有些一进入那个页面它就问你是否设它的页面为主页，还有一些当你离开的时候它会提示叫你设它的页面为主页。这样做的目的很多都是为了PV的提高，生怕别人不知道它的网站。难道它们不知道用户讨厌这样？很多人的浏览器的主页被这些网站修改后都不改回去，他们不愿意，或者说是懒得去改，他们不在意主页是什么。这样那些流氓网站简直是爽死了。

　　最好的例子是当年hao123.com的主页修改。

2、弹出广告窗口

　　尤其是门户网站和某些邮箱，一打开首页就先弹出一个小的广告窗口，然后再来个背投广告。为了利益也不能这么不厚道吧？

3、改变浏览器大小

　　很多网页一打开它就把你的浏览器大小调到和屏幕一样大，你最大化还好，我还可以点击还原就改回来，但它是直接拖动到屏幕大小，这样的网页实在让人感觉得恶心。

4、主次不分

　　有一些站长可能是想赚钱想疯了，页面上的广告竟然比主要内容还要多，其实我觉得在长远来看，这不是一件好事，这样会让访问人数减少，最终导致广告所赚得的钱也少了，得不偿失。

5、层层深入

　　有一些网站可以是为了提高PV，总是引着浏览者一层一层地进入然后才能查找到浏览者需要的内容。有时候是需要这样的，因为网站的内容多了，就必须分类排列，分类后就肯定有层次关系，我们可以接受这样的事实。但能不能提供一个搜索框？

6、“点击上面的广告开始下载”

　　流氓！流氓行为！极为讨厌这样的下载网站。有些则显示“等待30秒即开始下载“，然后放出一些广告让你看个够。

“系统检测发现您正在使用不安全的IE浏览器，强烈推荐您在 Windows 操作系统中使用最安全的浏览器: FireFox火狐浏览器2.0,点击下载 ！”这个大家应该都知道吧，FireFox 都快搞成流氓了。 “系统检测发现您正在使用不安全的IE浏览器，强烈推荐您在 Windows 操作系统中使用最安全的浏览器: FireFox火狐浏览器2.0,点击下载 ！”这个大家应该都知道吧，FireFox 都快搞成流氓了。

7、加载大量的图片或视频或其它控件

　　你想要浏览者加载多久？到他的浏览器死掉为止吗？

8、禁止右键

　　这种情况多出现在IE里。虽然很多时候是出于保护作者原创作品的需要，但这样的用户体验我觉得还是不可取的，没有了右键多不舒服啊？

9、提示安装XX工具栏

　　现在已经没有那么猖狂了，想当年某些网页一上去就弹出个对话框问要不要安装XX工具栏。尤其是那个雅X和那个X度工具栏。

10、离开网页的时候弹出广告或问你是否真的离开

　　流氓要进行到底，让你离开也离开得不爽。这是这些网站的理念。

]]> http://www.zewen.cn/article.asp?id=1132 <![CDATA[[软件]20个让网站设计更加轻松的小工具]]> jmaven@gmail.com(黑蝙蝠) Fri,12 Jun 2009 12:41:37 +0800 http://www.zewen.cn/default.asp?id=1132 源文:  http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/简译:  PuterJam

Typetester

一个在线对比字体的工具，可以很直观得看到不同字体的差异

 

pForm

创建HTML表单的工具，能在瞬间创建很美观的表单，并输出html代码

 

ColourLovers

在线的调色板工具，你能够搜索到很多配色方案或提交你的配色方案

 

Firebug

无所不能的firebug，不多介绍了

 

HTML Entity Character Lookup

HTML 实体 查询工具

 

960 Grid System

960 是个神奇的数字，960 是横向尺寸，960 网格系统是能够让设计师快速创建网页原型的辅助系统。可以比喻成网页的黄金分割线

pfvyzisv.jpg

 

 

Em Calculator

EM换算器～ ，可以把像素换算成 em 单位。

 

Browser Shots

多浏览器截屏工具，可以提供多个平台，不同浏览器的页面截屏效果

 

Icon Finder

还在为找图标发愁么，一个不错的图片搜索工具。

 

WhatTheFont

当你图片里看到一个好看的文字而不知道字体名称时，可以用它来帮你分析字体类型

 

MeasureIt

firefox插件，可以在页面上显示一个尺子

 

ColorZilla

同样是firefox插件，可以在页面上取色，前端开发必备

 

Pingdom

一个在线的抓包工具

 

Test Everything

Test Everything 提供了很多测试工具来测试你的站点。从css html 到seo ，从网络工具到优化应有尽有。

 

CSS Sprite Generator

样式精灵，这类工具很多了，就是把图片分割并且输出成css

 

Web Developer Toolbar

也是一个非常强大的web开发工具。

 

Domainr

域名查询工具，很方面查询域名的使用情况，并且给出未注册域名的建议。（需要翻墙）

 

Font Burner

字体查询工具，并且提供在线的字体解决方案。仅限英文。

 

Smush.It

图片优化工具，能够优化你的图片尺寸

 

Load Impact

可以模拟不同地区的用户访问你的站点的情况。并且以图表的情况反馈结果。

]]> http://www.zewen.cn/article.asp?id=1125 <![CDATA[[特效]仿淘宝首页商品分类列表效果]]> jmaven@gmail.com(黑蝙蝠) Thu,02 Apr 2009 10:48:01 +0800 http://www.zewen.cn/default.asp?id=1125
调试完成之后用表格好好重新编辑了一下，顺便借用了之前的“选项卡”工具，拼凑了一个满足给用户

有需要的朋友可以研究研究。
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.zewen.cn/article.asp?id=1093 <![CDATA[[资料]八种网站是必定死掉的网站]]> jmaven@gmail.com(黑蝙蝠) Sun,09 Nov 2008 18:54:51 +0800 http://www.zewen.cn/default.asp?id=1093
第一种：冒天下之大不韪的网站（黄，毒，反党反国等）

八种必死网站之首，其中原由自不细说，只要你的网站牵涉到这样的行列之中，我相信网站离死的日子真的就不远了，呵呵。现在互联网已经越来越规范，在此我奉劝不要为一时之利，而自毁其站，“厚厚道道做人，实实在在做站。”

第二种：靠“抄”打天下的网站。

有些网站，从开始的就盯着某个网站的屁股，人家做什么栏目，他就做什么栏目，人家添什么内容，他就添什么内容，天天不知道在想些什么，只是一味的抄，而且感觉超级良好，好像自己真的成了行业老大！不知害臊为何物，我用我的脚指头去想，想晕过去，也想不明白那些从别的网站屁股流出的东西，能让他们享用的那么滋滋有味。真的，这样的网站如果不改变做法的话，终有一天会随着时间的流逝慢慢的被人们淡忘！

第三种：“古董”级网站。

这种网站有个最显著的特点就是，你什么时候进去这个网站都一个样，网站新闻，仔细一看，**！2004年，顿时比“ONLY YOU”更能倒一片。从来不更新的网站，它怎有生气呢，死气沉沉，我敢打保证，访问了一次网站的人，一定会痛下决心把你的网站忘掉，再在不会来了，没有人访问的网站难道还不死么？

第四种：“跟风”网站。

当hao123一个个人网站，以4000万卖给BAIDU的时候，中国互联网开始沸腾了，无数的人开始后悔的想跳楼，为什么我当初没看到呢，为什么挣4000万的人不是我？在“忘羊补牢，为时未晚”的指引下，互联网上一夜之间好象出现了无数个123。呵呵，就是这么的戏剧性，人家做123能挣4000万，可你现在做，我就只能说网站会死的！我建议：要创新！

第五种：以“色”诱人的网站。

当以内容制胜的网络时代瞬间的到来，所有的门户都开始大打内容战;当战斗分不出胜负的时候，一些非正当的手法就出来了，靠一些“强奸”一些“写真”一些“*”一些“变态”来吸引网民的眼球！难道只能用这种手法么？现在就连我一直崇拜的腾讯，也会让我觉的俗不可奈！也许有人会说“苍蝇不盯无缝的蛋”，是因为太多的人喜欢看这些东西，真的是这样么？不尽然！在此想说的是那些准**网站和那些一进入就强制性弹出的不堪入目图片，当**网站被彻底查封，这些手法好象有用，但我认为这些网站总有一天也会完蛋，呵呵。难道你喜欢在大街上，有人跑过来给你挖鼻孔，然后你会觉的很爽！其实，如果我想撒尿，自己回去找厕所;难道我要你挂个尿壶在我脖子上！还是实实在在的做好内容才是长久之记啊！

第六种：低级的“作弊”网站。

靠整个网页堆砌关键词，隐藏连接等一些低级手法，速强占多个关键词的排名，来赢得点击，却没有丝毫有意义的内容，这样的网站第一：“强奸”网民的眼睛，第二：影响网络环境，第三：丢真正“SEO”的人！就算网民不干掉你，总有一天GOOGLE会干掉你，搜索引擎会干掉你！

第七种：广告比内容多的网站。

试想一下你走进了这样一个网站，大大小小的旗帜广告、通栏广告、巨副广告、漂移广告、弹出广告占满了整个页面，你找了半天，竟没找到你想要知道的信息，试问一下，你有什么感觉，以后你还会来这个网站么？为了一时的广告利益，眼前只是飘满了￥;所有方法无所不用其极，长此以往，站将不站。

第八种：活“死”站。

没有推广的网站就是活“死”站！说它活，是因为它确实在互联网上活生生的存在，说它死，是因为它从不被人知道。最可惜最可怜最莫过于此！网站建好之后就是好好的推广，让更多的人知道，让你的网站在浩如烟海的互联网中脱颖而出，我想这是每一个站长个企业的心愿！而推广怎么推，向谁推，用什么推，用多大劲，推多久？总让人伤脑筋！
]]> http://www.zewen.cn/article.asp?id=1088 <![CDATA[[PHP]关于PHP/MYSQL/MYPHPADMIN的基础安装教程]]> jmaven@gmail.com(黑蝙蝠) Fri,31 Oct 2008 09:30:50 +0800 http://www.zewen.cn/default.asp?id=1088
所需软件版本：
系统XP，IIS5.1
php-5.2.0RC4-Win32.zip
mysql-essential-5.0.51b-win32.msi
phpMyAdmin-2.11.8.1-all-languages.zip

一、PHP的安装

1、配置php.ini
首先安装PHP，php是安装版的包，我放在了c:\php\，把php.ini-dist文件重命

名为php.ini，打开修改：

找到extension_dir = "./"修改为extension_dir = "c:\php\ext"

找到;extension=php_mbstring.dll，去掉;
找到;extension=php_mcrypt.dll，去掉;
找到;extension=php_mysql.dll，去掉;
保存修改。

2、复制php.ini
复制php.ini到windows目录下。

3、复制.dll文件
复制php目录下的php5isapi.dll、libmysql.dll到system32目录下
复制php\ext目录下的php_mysql.dll、php_mcrypt.dll、php_mbstring.dll到

system32目录下。

4、配置IIS

打开IIS，默认网站右键 - 主目录 - 配置 - 映射 - 添加
可执行文件，选择php目录下的php5isapi.dll，扩展名填写.php，点确定。

5、重启IIS

二、MYSQL的安装

安装mysql,按默认点下一步，给root帐户设置密码。

三、phpmyadmin的安装

把phpMyAdmin-2.11.8.1-all-languages.zip包解压到你存放的web目录，重命名config-sample.inc.php为config.inc.php，打开修改：

$cfg['blowfish_secret'] = 'dfkldfadfad';填写一个字符串
//$cfg['Servers'][$i]['controluser'] = '';
//$cfg['Servers'][$i]['controlpass'] = '';
去掉//，填写mysql帐户和密码，
$cfg['Servers'][$i]['controluser'] = 'root';
$cfg['Servers'][$i]['controlpass'] = 'df#alfk#$';

这是PHP,mysql,myphpadmin的基础安装，完毕。
]]> http://www.zewen.cn/article.asp?id=1075 <![CDATA[[推广]网站推广之论坛宣传]]> jmaven@gmail.com(黑蝙蝠) Mon,06 Oct 2008 16:46:06 +0800 http://www.zewen.cn/default.asp?id=1075
一、 要选择合适的论坛

1.要选择有自己潜在客户在的论坛;

2.要选择人气旺的论坛,当然人气太旺也有弊病,因为贴子很快就被其它贴子淹没了,再说人太多,登录也困难;

3.要选择有签名功能的论坛;

4.要选择有链接功能的论坛;

5.要选择有修改功能的论坛。

二、寻找导航类论坛网址

要想在很多网站上进行宣传,需要寻找一个论坛入口网址。导航类论坛网址收录大量的论坛网址,对推广大有帮助,可以节省找论坛的时间,提高效率。

三、需要要有一个暧昧的题目

一个暧昧的题目就会让人想入非非,很容易就让人想歪,要给人一种犹抱琵琶半遮脸的感觉!这样就会激起人的好奇心,很自然的就会进入你的主题,看你的贴!这样你的贴点击率就会高!当然,题目应当与内容相关。

四、要有争议性的内容

内容没有争议性,人家都只是一看而过,很少会留下一言片语!所以内容要有争议性,因为这样的贴一般回贴率都较高的。

五、借助他人的热贴

要想创造出受欢迎的贴子不是一件容易的事情。但我们可在论坛上寻找一些那些回贴率很高的贴子,再拿到其它论坛进行转贴,并在贴子末尾加上自己的签名www.upzz.com进行宣传或加上自己的广告进行宣传。

六、要懂得长贴短发

一般论坛中看贴的人都是没有耐性的!太长的贴,不管它有多大吸引力,都很少有人能够把它看完!所以一定要长贴短发。如何长贴短发呢?长贴短发并不是叫你把贴尽量缩短,而是将一贴分成多贴,以跟贴的形式发,就像电视剧一样,分多次贴,但要记住不要超过7贴,并且可以每隔一段时间再发一贴,以让他人有等待的欲望。另外也可以增加贴子的人气。

七、充分利用头像和签名

头像可以专门设计一个,宣传自己的品牌,签名可以加入自己网站的介绍和连接。

八、帖子质量第一

发贴不在乎发贴的数量多少,发的地方多少,而帖子的质量特别重要,为什么呢?因为发的多,但总体流量不多,我们发贴,关键是为了让更多大数人看,变相的宣传自己的网站。所以追求的是最终流量。所以发高质量的帖子,专注一点,可以花费较小的精力,获得较好的效果。另外,如果你的贴子质量好,很可能被别人转载。

九、用好回贴功能

如果要在回贴中发广告,一定要争取在前5位回贴,这样被浏览的概率要高一些,这时你就要搜寻那些刚刚发表的贴子。

十、适当注册马甲

在论坛,有时候为了帖子的气氛和人气,你可以适当地找个托,帮你顶一下。当然你也可以自己注册几个马甲演一把。

十一、管理帖子

在哪些论坛发过贴,这些贴子的宣传效果如何,这需要统计和管理。一种方法是用电脑软件或纸笔进行记录,这种方法适用于发贴初期。另一种方法是借助于专用网站统计软件,这些软件一般有“来路统计”功能,借助于这个功能,可以查看在哪些论坛发过贴及贴子所带来的流量,并且可以很方便地根据这些记录,及时地进行回贴,将贴子暂时置顶。

论坛宣传是很有用的推广方法,也是站长经常用的,当然需要有充足时间和精力
]]> http://www.zewen.cn/article.asp?id=1074 <![CDATA[[资讯]ADOBE Dreamweaver CS4出炉了]]> jmaven@gmail.com(黑蝙蝠) Sat,27 Sep 2008 09:50:36 +0800 http://www.zewen.cn/default.asp?id=1074
http://www.adobe.com/products/dreamweaver/features/?view=topnew

一些官方介绍的最新特性如下：

Live View
Design your web pages under real-world browser conditions with the new Live View in Adobe Dreamweaver CS4 — while still retaining direct access to the code. Changes to the code are instantly reflected in the rendered display.
不就是实时查看网页设计效果的功能么，DWCS3中在设计视图中设计的页面是什么样在浏览器中基本就是什么样了，根本就不需要浏览，直接设计就OK了（CSS布局、IE7），所以这也算是“最大”的新功能么？

Code hinting for Ajax and JavaScript frameworks
Write JavaScript more efficiently with improved support for JavaScript core objects and primitive data types. Put the extended coding functionality of Dreamweaver CS4 to work by incorporating popular JavaScript frameworks, including jQuery, Prototype, and Spry.

丰富的AJAX框架，说实话在DWCS3中就使用了Adobe自主的Spry，功能不是很强大。这下好了，纳入了流行的jQuery和Prototype，不知道支付了多少费用：）

New user interfacenew
Work faster and smarter across Adobe Creative Suite&reg; 4 components with a shared user interface design. Toggle quickly from one work environment to the next with the workspace switcher.

新的用户界面？好像之前一直就有吧，不过切换比较麻烦还等重启DW，不知道新功能如何？

Related Files and Code Navigator
Click any included file shown in the Related Files bar to see both its source in Code view and the parent page in Design view. The new Code Navigator feature shows you the CSS source code that affects your current selection and allows you to access it quickly.

这个似乎不错，我们经过会对动态文档进行include调用，当编辑调用的文档时都需要新开窗口比较麻烦，这个功能是在当前窗口视图下就可以完成了？

HTML data sets
Integrate the power of dynamic data into your web pages without the learning curve of mastering databases or XML coding. Spry Data Sets recognize content in a simple HTML table as an interactive data source.

再也不需要学习数据库和XML编码了，利于Spry Data可以轻松制作类似交互数据的HTML表了，真的么？
http://www.cnbruce.com/blog/index.asp?vt=search&key=spry
确实可以，不过这些技术在Dreamweaver同样“高深难操作”，况且该技术挖掘深度有限。

Adobe Photoshop Smart Objects
Insert any Adobe Photoshop PSD document in Dreamweaver to create an image Smart Object tightly linked to the source file. Make changes to the source image, and update your image in Dreamweaver without opening Photoshop

PNG可以换成PSD，看来插入Dreamweaver中的图像编辑原有的Fireworks快要被Photoshop取代了。

Adobe InContext Editing
Design your pages in Dreamweaver so end users can edit their web pages without help from you or additional software using the Adobe InContext Editing online service. As a Dreamweaver designer, you can limit changes to specific pages, distinct regions, and even custom formatting options.
Adobe InContext Editing？要看看到底是个什么东西。

CSS best practices
Implement CSS best practices without writing code. Create new CSS rules in the Properties panel, and get clear, simple explanations of where each property fits in the cascade of styles
其实，CSS布局是最关注的，其他的特性全是虚的。我们用Dreamweaver主要是进行页面制作，符合WEB标准的CSS布局设计，至于编码啥的，用EditPlus很快，偶尔也用用DW代码编辑器，AJAX框架么基本都知道怎么简单应用，这次的融入希望能增加我们的工作效率。啊呀，扯远了，还是很期待见见Dreamweaver CS4的庐山真面目。



Dreamweaver CS4第一印象
http://www.dw8.cn/dw8_0/463.asp
]]> http://www.zewen.cn/article.asp?id=1064 <![CDATA[[技巧]网站的视觉路径和版式设计]]> jmaven@gmail.com(黑蝙蝠) Fri,18 Jul 2008 18:26:27 +0800 http://www.zewen.cn/default.asp?id=1064


当然，上图的视觉路径图并非绝对的，浏览习惯因人而异。


网站中方块
因为人们从接触信息以来，信息的呈现就是以方块式存在：报纸、书，单个字成点，一行字成线，一段字成面，而这个面当然是以方形呈现的效率最高。网站的视觉设计大部分其实都是在拼方块。
网站中的方块能很好地引导用户的视觉路径，用户可以通过区块来分辨这个区域的信息是否是自己需要的，从而可以迅速缩小范围细致寻找或者浏览下一个区块，比如yahoo的首页，从大块上来看，用户很容易分辨出4个大区块，每个区块里面又有小的区块。
1 方块感越强越能给用户方向感。
2 方块越少越好。
3 尽量用留白做视觉区分。

对齐和间距
视觉设计最简单，也是最容易忽略的就是对齐。检查的方法就是查看每个方块中的边线，方块与方块之间的边线，尤其是纵向维度。
间距的一般规律：字距小于行距，行距小于段距，段距小于块距。检查的方法可以尝试将网站的背景图案、线条全部去掉，看是否还能保持想要的区块感。


拿淘宝的新首页举个细节的例子(右边是我调整后的)。有时候我们不需要花心思做多么漂亮的图标和颜色搭配，用心地调整好网站的每一个像素或许也能让它焕然一新。

主次关系
怎么对用户引导的关键就在于怎么处理主次关系。说白了就是对比，从视觉的角度上看：形状的大小，颜色，摆放的位置都会影响信息的重要与否。
从大的区块来看，不要平均分割页面，三栏的设计应该让其中一栏明显短一些。
从局部来看，也要把握信息呈现的节奏，比如yahoo中间新闻栏的设计，大图带大标题是第一要点，小图带字是第二要点，纯文本第三，节奏感、主次关系非常强。

常见问题
1 视觉设计师不懂代码，前端设计师在视觉方面又不专业。常常是实现出来的产品跟视觉设计出来的图片有所偏差。建议视觉设计师跟进调整。
2 广告图片破坏视觉效果。如果网站足够牛的话，可以让广告方遵循视觉规范。如果不行的话，起码设计师还能决定广告的尺寸，位置等等。

写这篇文章刚刚赶上4月份新浪、腾讯、淘宝的首页改版。单纯从视觉设计的角度上看，腾讯非常清爽，很用心。

]]> http://www.zewen.cn/article.asp?id=1061 <![CDATA[[CSS]表格的背景色为渐进]]> jmaven@gmail.com(黑蝙蝠) Sun,06 Jul 2008 13:30:37 +0800 http://www.zewen.cn/default.asp?id=1061
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.zewen.cn/article.asp?id=1059 <![CDATA[[特效]几种常见表单验证函数]]> jmaven@gmail.com(黑蝙蝠) Wed,25 Jun 2008 09:32:44 +0800 http://www.zewen.cn/default.asp?id=1059
复制内容到剪贴板程序代码 程序代码
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符！");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>


2 只能是汉字
复制内容到剪贴板程序代码 程序代码
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">



3 只能是英文
复制内容到剪贴板程序代码 程序代码
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">



4 只能是数字
复制内容到剪贴板程序代码 程序代码
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>

<input onkeydown="onlyNum();">



5 只能是英文字符和数字
复制内容到剪贴板程序代码 程序代码
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">



6 验证邮箱格式
复制内容到剪贴板程序代码 程序代码
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>



7 屏蔽关键字(这里屏蔽sex和****)
复制内容到剪贴板程序代码 程序代码
<script language="javascript1.2">
function test() {
if((a.b.value.indexOf ("sex") == 0)||(a.b.value.indexOf ("****") == 0)){
alert("");
a.b.focus();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>


8 两次输入密码是否相同
复制内容到剪贴板程序代码 程序代码
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
</script>
]]>