<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.feedsky.com/styles/feedsky6.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.feedsky.com/BreeStealth" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/BreeStealth" type="application/rss+xml"></fs:self_link><lastBuildDate>Tue, 07 Oct 2008 12:27:32 GMT</lastBuildDate><title>腾风无踪</title><description>技术不是这个网络中唯一，实用才是王道～</description><link>http://www.breestealth.com</link><language>en</language><pubDate>Mon, 13 Oct 2008 07:10:58 GMT</pubDate><item><title>怪不爽的</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443600/5206191/1/item.html</link><content:encoded>&lt;p&gt;找工作，累；找PHP的工作，更累。以后学技术一定要找一个大腿比较粗的抱～生平第一次找工作，发现N难啊～～&lt;br /&gt;
这年头，做PHP满大街都是，找工作那个难啊，不是要J2EE就是.net的，仿佛J2EE和.net才好意思拿出手。&lt;br /&gt;
好不容易找一个不要Java和.net的，Google～人家来了个更猛的，Python～～&lt;br /&gt;
一条绿色小蛇收到了伟大的Google的青睐自然不同凡响——得到了一个教训，甭管语言本身怎么样，关键要看它背后的大老板，你看C#背后微软财大气粗，怎么都能弄出一片天地出来；Java靠着IBM这棵大树，活得也是相当的滋润。Python更是不用说，Google首选语言怎么都不容小觑～～&lt;br /&gt;
唉，可怜的PHP被夹在中间，进退两难～&lt;br /&gt;
忍住吧忍住吧，一边升级PHP水平，一边学习python——为了混饭吃，怎么也需要提升自己的能力啊～&lt;br /&gt;
Level 一定要不断的Up！！&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/175/in_a_bad_mood.html/feed</wfw:commentRss><description>找工作，累；找PHP的工作，更累。以后学技术一定要找一个大腿比较粗的抱～生平第一次找工作，发现N难啊～～
这年头，做PHP满大街都是，找工作那个难啊，不是要J2EE就是.net的，仿佛J2EE和.ne...</description><category>PHP学习</category><category>感悟</category><category>自我反省</category><category>胡言乱语</category><pubDate>Tue, 07 Oct 2008 20:27:32 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/175/in_a_bad_mood.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=175</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/175/in_a_bad_mood.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443600/5206191</fs:itemid></item><item><title>第一次面试</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443601/5206191/1/item.html</link><content:encoded>...</content:encoded><wfw:commentRss>http://www.breestealth.com/173/first_interview_in_my_life.html/feed</wfw:commentRss><description>...</description><category>PHP学习</category><pubDate>Mon, 22 Sep 2008 17:53:45 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/173/first_interview_in_my_life.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=173</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/173/first_interview_in_my_life.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443601/5206191</fs:itemid></item><item><title>让Aptana编辑JS支持UTF-8</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443602/5206191/1/item.html</link><content:encoded>&lt;p&gt;毫不夸张的说Aptana是现在最好的HTML、JS、CSS开发的IDE，提示功能等非常强大！！&lt;br /&gt;
但是用Aptana新建的JS文件默认的文件编码是ISO而不是UTF8的，囧～～对于中文支持就是很有问题&lt;br /&gt;
作为中国人，不能说不输入中文吧？？&lt;br /&gt;
其实解决办法是如此的简单，简单到我想杀人&lt;br /&gt;
打开“Window”&amp;#8211;&amp;#8221;Preferences&amp;#8221;&amp;#8211;&amp;#8221;General&amp;#8221;&amp;#8211;&amp;#8221;Content Type&amp;#8221;选择JS文件，手动将其编码形式设置为UTF-8&lt;br /&gt;
然后最好重启Aptana。&lt;br /&gt;
Done～～&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/171/let_aptana_edit_js_support_utf8.html/feed</wfw:commentRss><description>毫不夸张的说Aptana是现在最好的HTML、JS、CSS开发的IDE，提示功能等非常强大！！
但是用Aptana新建的JS文件默认的文件编码是ISO而不是UTF8的，囧～～对于中文支持就是很有问题
作为中国人，不能...</description><category>日常软件使用</category><category>PHP学习</category><pubDate>Tue, 09 Sep 2008 15:27:10 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/171/let_aptana_edit_js_support_utf8.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=171</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/171/let_aptana_edit_js_support_utf8.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443602/5206191</fs:itemid></item><item><title>PHP一个诡异的情况处理办法</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443603/5206191/1/item.html</link><content:encoded>&lt;p&gt;最近爱上了Ubuntu，一直在Ubuntu下面工作。&lt;br /&gt;
辛苦了几天，终于将YoYo的事情做了七七八八了，发给了他之后觉得不放心，回到Windows下面准备再看一下，结果，诡异的事情就发生了。&lt;br /&gt;
在Ubuntu下正常无比的index.php，到了Windows下面，赫然出现&lt;br /&gt;
&lt;code&gt;&lt;br /&gt;
Parse error: syntax error, unexpected $end&lt;br /&gt;
&lt;/code&gt;&lt;br /&gt;
怎一个郁闷了得～&lt;br /&gt;
搞了半天没有搞定，无奈Google百度一起上，最终找到了原因。&lt;br /&gt;
其实也是我太大意了，没有仔细去看这段话的真正的意思，其实这句话的意思翻译过来就是“语法错误：有一个意料之外的文件结尾”，也就是用PHP语言来说就是多了一个&amp;#8221;}&amp;#8221;&lt;br /&gt;
但是用Aptana打开却没有任何的错误，于是我就绕路了，觉得是文件损坏，弄了半天没有搞定。&lt;br /&gt;
其实这个提示告诉我们，现在没有和&amp;#8221;}&amp;#8221;对应的PHP开头！！&lt;br /&gt;
郁闷～～&lt;br /&gt;
这种事情告诉我们以后看到错误，最先从字面意思去理解是很重要的～～&lt;br /&gt;
说一下解决办法吧，全文搜索，将不标准的PHP开头，比如&amp;#8221;&lt;?&amp;#8221;全部改成标准的&amp;#8221;&lt;?php&amp;#8221;,虽然可以通过配置PHP.ini来达到简写的目的，但是这样子程序的移植性什么都会减弱很多（不是每一个服务器对于这个配置都是一样）&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/168/php_a_strange_thing.html/feed</wfw:commentRss><description>最近爱上了Ubuntu，一直在Ubuntu下面工作。
辛苦了几天，终于将YoYo的事情做了七七八八了，发给了他之后觉得不放心，回到Windows下面准备再看一下，结果，诡异的事情就发生了。
在Ubuntu下正常...</description><category>PHP学习</category><category>LAMP</category><category>自我反省</category><pubDate>Fri, 05 Sep 2008 20:35:11 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/168/php_a_strange_thing.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=168</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/168/php_a_strange_thing.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443603/5206191</fs:itemid></item><item><title>累</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443604/5206191/1/item.html</link><content:encoded>&lt;p&gt;I am so tired～～&lt;br /&gt;
前两天收到中心邮件，需要调整座位&lt;br /&gt;
我的名字很遗憾的没有上榜～～&lt;br /&gt;
仔细想了一下，也是处之泰然，怎么说我回去的时间也确实太少了一点，都不怎么出现在中心，以中心那种WS的思想，怎能留我这个位置？于是乎，毫不犹豫，好不心慈手软的将我的座位置之死地～～&lt;br /&gt;
于是在南京的窝都被人端了～～&lt;span id=&quot;more-160&quot;&gt;&lt;/span&gt;&lt;br /&gt;
昨天HM过来，我稍微说了两句，当他问及是否要他回去交涉时，毫不犹豫推辞掉了——一方面不想担这个人情，另一方面对中心也已经心灰意冷。&lt;br /&gt;
从2005年底决定报考开始，我是一天天看着中心没落。从上网免费到各自搞定，从“除了钱什么都没有”到“除了什么都没有还是什么都没有”，原先大机房空空荡荡，电脑是人手一台到研究生一年级两个人一台，二年级再申请；我还记得原先打印资料是不需要花钱，只需要登记一下，到现在连打印都不给打印。上次我开题的时候，因为被陆老师要求修改题目，只能回去重新打印，结果都不给我打印。想想幸亏还有媛媛在HB，否则我不得跑到外面去打印～&lt;br /&gt;
一切的一切，都让我这个原先对中心充满憧憬的人，慢慢的冷下来～&lt;br /&gt;
一开始愿意报考中心，就是因为想作图像方面东西，结果因为某老板不给买设备，所有的美好想法都瞬间泡汤，我们也只能沦落到坐在计算机前面写程序的尴尬境地，你说这都什么事情阿！！&lt;br /&gt;
对中心的失望，是因为一天天看着它堕落下去，让人感觉到一种无奈～～&lt;br /&gt;
中心，你为啥让我这么累！&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/160/so_tired.html/feed</wfw:commentRss><description>I am so tired～～
前两天收到中心邮件，需要调整座位
我的名字很遗憾的没有上榜～～
仔细想了一下，也是处之泰然，怎么说我回去的时间也确实太少了一点，都不怎么出现在中心，以中心那种W...</description><category>感悟</category><category>乱七八糟</category><category>自我反省</category><pubDate>Thu, 04 Sep 2008 16:05:45 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/160/so_tired.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=160</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/160/so_tired.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443604/5206191</fs:itemid></item><item><title>一些常识（转载）</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443605/5206191/1/item.html</link><content:encoded>&lt;p&gt;【四大名绣】苏绣〖苏州〗、湘绣〖湖南〗、蜀绣〖四川〗、粤绣〖广东〗&lt;/p&gt;
&lt;p&gt;【四大名扇】檀香扇〖江苏〗、火画扇〖广东〗、竹丝扇〖四川〗、绫绢扇〖浙江〗&lt;/p&gt;
&lt;p&gt;【四大名花】牡丹〖山东菏泽〗、水仙〖福建漳州〗、菊花〖浙江杭州〗、山茶〖云南昆明〗&lt;br /&gt;
&lt;span id=&quot;more-153&quot;&gt;&lt;/span&gt;&lt;br /&gt;
【十大名茶】西湖龙井〖浙江杭州西湖区〗、碧螺春〖江苏吴县太湖的洞庭山碧螺峰〗、信阳毛尖〖河南信阳车云山〗、君山银针〖湖南岳阳君山〗、六安瓜片〖安徽六安和金寨两县的齐云山〗、黄山毛峰〖安徽歙县黄山〗、祁门红茶〖安徽祁门县〗、都匀毛尖〖贵州都匀县〗、铁观音〖福建安溪县〗、武夷岩茶〖福建崇安县〗&lt;/p&gt;
&lt;p&gt;【扑克人物】&lt;br /&gt;
黑桃J：查尔斯一世的侍从，丹麦人霍克拉　　&lt;br /&gt;
红桃J：查尔斯七世的宫廷随从拉海亚&lt;br /&gt;
梅花J：亚瑟王的著名骑士兰斯洛特&lt;br /&gt;
方块J：查尔斯一世的侍从罗兰&lt;br /&gt;
黑桃Q：帕拉斯o阿西纳，古希腊神话中智慧与战争女神&lt;br /&gt;
红桃Q：朱尔斯，德国人，查尔斯一世的妻子&lt;br /&gt;
梅花Q：英国的兰开斯特王族的约克王后&lt;br /&gt;
方块Q：是《圣经o旧约》中的约瑟夫的妹妹，莱克尔皇后&lt;br /&gt;
黑桃K：戴维，公元前10世纪的以色列国王索洛蒙的父亲，擅长弹奏竖琴&lt;br /&gt;
红桃K：查尔斯一世，弗兰克国王沙勒曼&lt;br /&gt;
梅花K：马其顿国的亚历山大大帝，最早go-vern-ment世界&lt;br /&gt;
方块K：罗马名将和政治家朱亚斯o西泽，罗马统一后成为独裁统治者&lt;/p&gt;
&lt;p&gt;【十二生肖】&lt;br /&gt;
〖中国〗子鼠、丑牛、寅虎、卯兔、辰龙、巳蛇、午马、未羊、申猴、酉鸡、戌狗、亥猪&lt;br /&gt;
〖埃及〗牝牛、山羊、狮子、驴、蟹、蛇犬、猫、鳄、红鹤、猿、鹰&lt;br /&gt;
〖法国〗摩羯、宝瓶、双鱼、白羊、金牛、双子、巨蟹、狮子、室女、天秤、天蝎、人马&lt;br /&gt;
〖印度〗招杜罗神的鼠、毗羯罗神的牛、宫毗罗神的狮、伐折罗神的兔、迷立罗神的龙、安底罗神的蛇、安弥罗神的马、珊底罗神的羊、因达罗神的猴、波夷罗神的金翅鸟、摩虎罗神的狗、和真达罗神的猪，&lt;/p&gt;
&lt;p&gt;【年龄称谓】&lt;br /&gt;
襁褓：未满周岁的婴儿&lt;br /&gt;
孩提：指2——3岁的儿童&lt;br /&gt;
垂髫：指幼年儿童（又叫“总角”）&lt;br /&gt;
豆蔻：指女子十三岁&lt;br /&gt;
及笄：指女子十五岁&lt;br /&gt;
加冠：指男子二十岁（又“弱冠”）&lt;br /&gt;
而立之年：指三十岁&lt;br /&gt;
不惑之年：指四十岁&lt;br /&gt;
知命之年：指五十岁（又“知天命”、“半百”）&lt;br /&gt;
花甲之年：指六十岁&lt;br /&gt;
古稀之年：指七十岁&lt;br /&gt;
耄耋之年：指八、九十岁&lt;br /&gt;
期颐之年：一百岁&lt;/p&gt;
&lt;p&gt;【古代主要节日】&lt;br /&gt;
元日：正月初一，一年开始。&lt;br /&gt;
人日：正月初七，主小孩。&lt;br /&gt;
上元：正月十五，张灯为戏，又叫“灯节”&lt;br /&gt;
社日：春分前后，祭祀祈祷农事。&lt;br /&gt;
寒食：清明前两日，禁火三日（吴子胥）&lt;br /&gt;
清明：四月初，扫墓、祭祀。&lt;br /&gt;
端午：五月初五，吃粽子，划龙（屈原）&lt;br /&gt;
七夕：七月初七，妇女乞巧（牛郎织女）&lt;br /&gt;
中元：七月十五，祭祀鬼神，又叫“鬼节”&lt;br /&gt;
中秋：八月十五，赏月，思乡&lt;br /&gt;
重阳：九月初九，登高，插茱萸免灾&lt;br /&gt;
冬至：又叫“至日”，节气的起点。&lt;br /&gt;
腊日：腊月初八，喝“腊八粥”&lt;br /&gt;
除夕：一年的最后一天的晚上，初旧迎新&lt;/p&gt;
&lt;p&gt;【婚姻周年】第1年§纸婚、第2年§棉婚、第3年§皮革婚、第4年§水果婚、第5年§木婚、第6年§铁婚、第7年§铜婚、第8年§陶婚、第9年§柳婚、第 10年§铝婚、第11年§钢婚、第12年§丝婚、第13年§丝带婚、第14年§象牙婚、第15年§水晶婚、第20年§瓷婚、第25年§银婚、第30年§珍珠婚、第35年§珊瑚婚、第40年§红宝石婚、第45年§蓝宝石婚、第50年§金婚、第55年§绿宝石婚、第60年§钻石婚、第70年§白金婚&lt;/p&gt;
&lt;p&gt;【科举职官】〖乡试〗：录取者称为&amp;#8221;举人&amp;#8221;，第一名称为&amp;#8221;解元&amp;#8221;、〖会试〗：录取者称为&amp;#8221;贡生&amp;#8221;，第一名称为&amp;#8221;会元&amp;#8221;、〖殿试〗：录取者称为&amp;#8221;进士&amp;#8221;，第一名称为&amp;#8221;状元&amp;#8221;，第二名为&amp;#8221;榜眼&amp;#8221;，第三名为&amp;#8221;探花&amp;#8221;&lt;/p&gt;
&lt;p&gt;【四书】《论语》、《中庸》、《大学》、《孟子》&lt;/p&gt;
&lt;p&gt;【五经】《诗经》、《尚书》、《礼记》、《易经》、《春秋》&lt;/p&gt;
&lt;p&gt;【八股文】破题、承题、起讲、入手、起股、中股、后股、束股&lt;/p&gt;
&lt;p&gt;【六子全书】《老子》、《庄子》、《列子》、《荀子》、《扬子法言》、《文中子中说》&lt;/p&gt;
&lt;p&gt;【汉字六书】象形、指事、形声、会意、转注、假借&lt;/p&gt;
&lt;p&gt;【书法九势】落笔、转笔、藏峰、藏头、护尾、疾势、掠笔、涩势、横鳞竖勒&lt;/p&gt;
&lt;p&gt;【竹林七贤】嵇康、刘伶、阮籍、山涛、阮咸、向秀、王戎&lt;/p&gt;
&lt;p&gt;【饮中八仙】李白、贺知章、李适之、李琎、崔宗之、苏晋、张旭、焦遂&lt;/p&gt;
&lt;p&gt;【蜀之八仙】容成公、李耳、董促舒、张道陵、严君平、李八百、范长生、尔朱先生&lt;/p&gt;
&lt;p&gt;【扬州八怪】郑板桥、汪士慎、李鱓、黄慎、金农、高翔、李方鹰、罗聘&lt;/p&gt;
&lt;p&gt;【北宋四大家】黄庭坚、欧阳修、苏轼、王安石&lt;/p&gt;
&lt;p&gt;【唐宋古文八大家】韩愈、柳宗元、欧阳修、苏洵、苏轼、苏辙、王安石、曾巩&lt;/p&gt;
&lt;p&gt;【十三经】《易经》、《诗经》、《尚书》、《礼记》、《仪礼》、《公羊传》、《榖梁传》、《左传》、《孝经》、《论语》、《尔雅》、《孟子》&lt;/p&gt;
&lt;p&gt;【四大民间传说】《牛郎织女》、《孟姜女》、《梁山伯与祝英台》、《白蛇与许仙》&lt;/p&gt;
&lt;p&gt;【四大文化遗产】《明清档案》、《殷墟甲骨》、《居延汉简》、《敦煌经卷》&lt;/p&gt;
&lt;p&gt;【元代四大戏剧】关汉卿《窦娥冤》、王实甫《西厢记》、汤显祖《牡丹亭》、洪升《长生殿》&lt;/p&gt;
&lt;p&gt;【晚清四大谴责小说】李宝嘉《官场现形记》、吴沃尧《二十年目睹之怪现状》、刘鹗《老残游记》、曾朴《孽海花》&lt;/p&gt;
&lt;p&gt;【莎士比亚四大悲剧】《汉姆莱特》、《李尔王》、《麦克白》、《奥赛罗》&lt;/p&gt;
&lt;p&gt;【五彩】青、黄、赤、白、黑&lt;/p&gt;
&lt;p&gt;【五音】宫、商、角、徵、羽&lt;/p&gt;
&lt;p&gt;【七宝】金、银、琉璃、珊瑚、砗磲、珍珠、玛瑙&lt;/p&gt;
&lt;p&gt;【九宫】正宫、中吕宫、南吕宫、仙吕宫、黄钟宫、大面调、双调、商调、越调&lt;/p&gt;
&lt;p&gt;【七大艺术】绘画、音乐、雕塑、戏剧、文学、建筑、电影&lt;/p&gt;
&lt;p&gt;【四大名瓷窑】河北的瓷州窑、浙江的龙泉窑、江西的景德镇窑、福建的德化窑&lt;/p&gt;
&lt;p&gt;【四大名旦】梅兰芳、程砚秋、尚小云、荀慧生&lt;/p&gt;
&lt;p&gt;【六礼】冠、婚、丧、祭、乡饮酒、相见&lt;/p&gt;
&lt;p&gt;【六艺】礼、乐、射、御、书、数&lt;/p&gt;
&lt;p&gt;【六义】风、赋、比、兴、雅、颂&lt;/p&gt;
&lt;p&gt;【八旗】镶黄、正黄、镶白、正白、镶红、正红、镶蓝、正蓝&lt;/p&gt;
&lt;p&gt;【十恶】谋反、谋大逆、谋叛、谋恶逆、不道、大不敬、不孝、不睦、不义、内乱&lt;/p&gt;
&lt;p&gt;【九流】儒家、道家、阴阳家、法家、名家、墨家、纵横家、杂家、农家&lt;/p&gt;
&lt;p&gt;【三山】安徽黄山、江西庐山、浙江雁荡山&lt;/p&gt;
&lt;p&gt;【五岭】越城岭、都庞岭、萌诸岭、骑田岭、大庾岭&lt;/p&gt;
&lt;p&gt;【五岳】〖中岳〗河南嵩山、〖东岳〗山东泰山、〖西岳〗陕西华山、〖南岳〗湖南衡山、〖北岳〗山西恒山&lt;/p&gt;
&lt;p&gt;【五湖】鄱阳湖〖江西〗、洞庭湖〖湖南〗、太湖〖江苏〗、洪泽湖〖江苏〗、巢湖〖安徽〗&lt;/p&gt;
&lt;p&gt;【四海】渤海、黄海、东海、南海&lt;/p&gt;
&lt;p&gt;【四大名桥】广济桥、赵州桥、洛阳桥、卢沟桥&lt;/p&gt;
&lt;p&gt;【四大名园】颐和园〖北京〗、避暑山庄〖河北承德〗、拙政园〖江苏苏州〗、留园〖江苏苏州〗&lt;/p&gt;
&lt;p&gt;【四大名刹】灵岩寺〖山东长清〗、国清寺〖浙江天台〗、玉泉寺〖湖北江陵〗、栖霞寺〖江苏南京〗&lt;/p&gt;
&lt;p&gt;【四大名楼】岳阳楼〖湖南岳阳〗、黄鹤楼〖湖北武汉〗、滕王阁〖江西南昌〗、大观楼〖云南昆明〗&lt;/p&gt;
&lt;p&gt;【四大名亭】醉翁亭〖安徽滁县〗、陶然亭〖北京先农坛〗、爱晚亭〖湖南长沙〗、湖心亭〖杭州西湖〗&lt;/p&gt;
&lt;p&gt;【四大古镇】景德镇〖江西〗、佛山镇〖广东〗、汉口镇〖湖北〗、朱仙镇〖河南〗&lt;/p&gt;
&lt;p&gt;【四大碑林】西安碑林〖陕西西安〗、孔庙碑林〖山东曲阜〗、地震碑林〖四川西昌〗、南门碑林〖台湾高雄〗&lt;/p&gt;
&lt;p&gt;【四大名塔】嵩岳寺塔〖河南登封嵩岳寺〗、飞虹塔〖山西洪洞广胜寺〗、释迦塔〖山西应县佛宫寺〗、千寻塔〖云南大理崇圣寺〗&lt;/p&gt;
&lt;p&gt;【四大石窟】莫高窟〖甘肃敦煌〗、云岗石窟〖山西大同〗、龙门石窟〖河南洛阳〗、麦积山石窟〖甘肃天水〗&lt;/p&gt;
&lt;p&gt;【四大书院】白鹿洞书院〖江西庐山〗、岳麓书院〖湖南长沙〗、嵩阳书院〖河南嵩山〗、应天书院〖河南商丘〗&lt;/p&gt;
&lt;p&gt;【四大佛教名山】浙江普陀山〖观音菩萨〗、山西五台山〖文殊菩萨〗、四川峨眉山〖普贤菩萨〗、安徽九华山〖地藏王菩萨〗&lt;/p&gt;
&lt;p&gt;【四大道教名山】湖北武当山、江西龙虎山、安徽齐云山、四川青城山&lt;/p&gt;
&lt;p&gt;【五行】金、木、水、火、土&lt;/p&gt;
&lt;p&gt;【八卦】乾〖天〗、坤〖地〗、震〖雷〗、巽〖风〗、坎〖水〗、离〖火〗、艮〖山〗、兑〖沼〗&lt;/p&gt;
&lt;p&gt;【三皇】伏羲、女娲、神农&lt;/p&gt;
&lt;p&gt;【五帝】太皞、炎帝、黄帝、少皞、颛顼&lt;/p&gt;
&lt;p&gt;【三教】儒教、道教、佛教&lt;/p&gt;
&lt;p&gt;【三清】元始天尊〖清微天玉清境〗、灵宝天尊〖禹余天上清境〗、道德天尊〖大赤天太清境〗&lt;/p&gt;
&lt;p&gt;【四御】昊天金阙无上至尊玉皇大帝、中天紫微北极大帝、勾陈上宫天后皇大帝、承天效法土皇地祗&lt;/p&gt;
&lt;p&gt;【八仙】铁拐李、钟离权、张果老、吕洞宾、何仙姑、蓝采和、韩湘子、曹国舅&lt;/p&gt;
&lt;p&gt;【十八罗汉】布袋罗汉、长眉罗汉、芭蕉罗汉、沉思罗汉、伏虎罗汉、过江罗汉、欢喜罗汉、降龙罗汉、静坐罗汉、举钵罗汉、开心罗汉、看门罗汉、骑象罗汉、探手罗汉、托塔罗汉、挖耳罗汉、笑狮罗汉、坐鹿罗汉&lt;/p&gt;
&lt;p&gt;【十八层地狱】[第一层]泥犁地狱、[第二层]刀山地狱、[第三层]沸沙地狱、[第四层]沸屎地狱、[第五层]黑身地狱、[第六层]火车地狱、[第七层] 镬汤地狱、[第八层]铁床地狱、[第九层]盖山地狱、[第十层]寒冰地狱、[第十一层]剥皮地狱、[第十二层]畜生地狱、[第十三层]刀兵地狱、[第十四层]铁磨地狱、[第十五层]寒冰地狱、[第十六层]铁册地狱、[第十七层]蛆虫地狱、[第十八层]烊铜地狱&lt;/p&gt;
&lt;p&gt;【五脏】心、肝、脾、肺、肾&lt;/p&gt;
&lt;p&gt;【六腑】胃、胆、三焦、膀胱、大肠、小肠&lt;/p&gt;
&lt;p&gt;【七情】喜、怒、哀、乐、爱、恶、欲&lt;/p&gt;
&lt;p&gt;【五常】仁、义、礼、智、信&lt;/p&gt;
&lt;p&gt;【五伦】君臣、父子、兄弟、夫妇、朋友&lt;/p&gt;
&lt;p&gt;【三姑】尼姑、道姑、卦姑&lt;/p&gt;
&lt;p&gt;【六婆】牙婆、媒婆、师婆、虔婆、药婆、稳婆&lt;/p&gt;
&lt;p&gt;【九属】玄孙、曾孙、孙、子、身、父、祖父、曾祖父、高祖父&lt;/p&gt;
&lt;p&gt;【五谷】稻、黍、稷、麦、豆&lt;/p&gt;
&lt;p&gt;【中国八大菜系】四川菜、湖南菜、山东菜、江苏菜、浙江菜、广东菜、福建菜、安徽菜&lt;/p&gt;
&lt;p&gt;【五毒】石胆、丹砂、雄黄、矾石、慈石&lt;/p&gt;
&lt;p&gt;【配药七方】大方、小方、缓方、急方、奇方、偶方、复方&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/153/some_knowledge.html/feed</wfw:commentRss><description>【四大名绣】苏绣〖苏州〗、湘绣〖湖南〗、蜀绣〖四川〗、粤绣〖广东〗
【四大名扇】檀香扇〖江苏〗、火画扇〖广东〗、竹丝扇〖四川〗、绫绢扇〖浙江〗
【四大名花】牡丹〖山东菏泽〗...</description><category>转载</category><pubDate>Thu, 04 Sep 2008 12:23:23 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/153/some_knowledge.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=153</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/153/some_knowledge.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443605/5206191</fs:itemid></item><item><title>去除QQ2008贺岁版左下角奥运信息</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443606/5206191/1/item.html</link><content:encoded>&lt;p&gt;鉴于功夫显不支持2008正式版，所以使用贺岁版。&lt;br /&gt;
从某年某月某日开始，用功夫显启动贺岁版，左下角出现了奥运信息，很不爽，除之～～&lt;br /&gt;
&lt;code&gt;&lt;br /&gt;
用UltraEdit在QQ安装目录下打开QQAllInOne.dll，搜索74 10 8B 45 08 F7 D8 1B，把74改成EB保存退出即可。&lt;br /&gt;
&lt;/code&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/150/delete_olympic_infomation_from_qq2008_spring.html/feed</wfw:commentRss><description>鉴于功夫显不支持2008正式版，所以使用贺岁版。
从某年某月某日开始，用功夫显启动贺岁版，左下角出现了奥运信息，很不爽，除之～～

用UltraEdit在QQ安装目录下打开QQAllInOne.dll，搜索74 10 8B ...</description><category>软件</category><category>电脑日常使用</category><category>QQ</category><pubDate>Fri, 08 Aug 2008 12:03:11 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/150/delete_olympic_infomation_from_qq2008_spring.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=150</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/150/delete_olympic_infomation_from_qq2008_spring.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443606/5206191</fs:itemid></item><item><title>对交行网银不满</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443607/5206191/1/item.html</link><content:encoded>&lt;p&gt;其实我应该是懒得说关于交行的不满，毕竟都用了这么长时间了～但是我今天真的是怒了～一方面是账单来的时间，另一方面是在我得知有账单后去登录交行的信用卡网银的时候发生的事情。&lt;br /&gt;
&lt;span id=&quot;more-145&quot;&gt;&lt;/span&gt;&lt;br /&gt;
放开别的不说，我六月份的账单给我7.23号寄出！！问题是我六月份的最后还款日是7.8～～如果我没有查账单的习惯而等待招行给我寄过来，那不是我的信用都要受到影响！！&lt;br /&gt;
这个还是好的，我确定这个我交了之后，我想去网银登录确定一下！这一确定不要紧，我死活没有找到页面上怎么登录！！囧啊！！在它首页有一个个人网银登录，输入卡号（对于这点我一直不能理解，信用卡输入卡号？不都是应该输入办卡人身份证然后自动将名下所有信用卡列出来的么？）什么的之后，死活不对～提示不是借记卡！无语&lt;br /&gt;
好不容易找到了地方登陆后，发现和刚刚登陆的页面左侧的sidebar完全一样！你TMD就不能给我多一个信用卡登录的链接在左边！！都TMD的什么玩意！！&lt;br /&gt;
进去之后，还有更气人的！！看图吧&lt;br /&gt;
&lt;img src=&quot;http://i.namipan.com/files/2e7e1ae47755d0a916355737e9e856cbdf88bf2e8e8f0000e0a9/0/Snap1.jpg&quot; alt=&quot;无语的交行&quot; /&gt;&lt;br /&gt;
一级导航可以让我点击我就不说了，但是，对于下面还有二级导航的栏目，你好歹也给我默认跳转到下面的某一个二级导航吧，给我一个提示算什么！！！要么你就一级导航不给点击，只起到一个跳出二级导航的目的，要么在我点击一级导航的时候，你给我跳到一个当前一级导航下的某一个二级导航！否则我还要点击两次页面，这都算啥啊！&lt;br /&gt;
对交行彻底无语～～交行的网络部的各位，买块豆腐，自己解决自己吧～～&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/145/what_a_mess_of_bank_of_communication.html/feed</wfw:commentRss><description>其实我应该是懒得说关于交行的不满，毕竟都用了这么长时间了～但是我今天真的是怒了～一方面是账单来的时间，另一方面是在我得知有账单后去登录交行的信用卡网银的时候发生的事情。

...</description><category>日常使用</category><category>乱七八糟</category><category>胡言乱语</category><pubDate>Mon, 28 Jul 2008 12:45:41 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/145/what_a_mess_of_bank_of_communication.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=145</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/145/what_a_mess_of_bank_of_communication.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443607/5206191</fs:itemid></item><item><title>一些乱七八糟的想法</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443608/5206191/1/item.html</link><content:encoded>&lt;p&gt;今天一天什么事情也没有干，除了看看布袋戏之外就是看Friends～堕落一天~中间插有网络查看的动作～看到了一些言论或者行为，随便说两句～&lt;br /&gt;
先说两句和校内有关的。&lt;br /&gt;
一个师妹在校内网上抱怨其新的应用“朋友买卖”对朋友不尊重。个人认为这个大可不必，其实本身没有什么太大的问题。说到底，玩么，没有必要对这种应用有什么想法，也不要动不动就加上尊重与否在里面。&lt;br /&gt;
另外也可以反映出国内这些不做网络的人对网络的信息一点都不了解啊，还是认为都是校内网在开发这些东西，OpenAPI的魔力在这一刻完美表现——只需要提供API，然后用户使用的任何东西，他可以不知道是官方开发还是第三方开发，他们需要知道的就是如何使用。&lt;br /&gt;
在卸载的时候我才注意到校内的架构已经变化了。所有的菜单都已经以应用的形式表现出来了，你可以卸载任何一个菜单（也就是应用），如果需要可以再次安装，完全不影响使用。不知道这些是从什么时候开始变化的，真的可以说不声不响就已经改版了。也许校内在其初期就已经做好了重构的准备，并且将重构放在了每一天来做。&lt;br /&gt;
说完了这么多好听的，再说两句难听的。校内对于隐私的控制也太有问题了吧？强制每个安装应用的用户的信息可以被开发者查看到～这算什么。不论是其API提供了这样子的设定还是就是强制设定，这点好像都是不妥的。为什么一定要强制让开发者知道？让他感觉自己的能力多牛？还是好让他统计有多少用户在使用，然后拿去出售？如果Linus当年也是这样子，我就不知道现在的Linux的发展会是怎么样了。&lt;br /&gt;
说道这个问题，我再多说两句。其实我一直想说，但是一直没有时间说，今天多说两句。说道这个强制传递应用安装者信息，我就想起来了我的手机（O2 XDA Stealth）的ROM的事情。从WM6.1之后，开始有一个叫EGO的开发者，水平确实不错，做的ROM确实很好用。但是我是能不用他的就不用他的！为啥？RP太差了！首先，论坛上面根本不能接受不同的声音，对他的ROM提出一点质疑，马上就遭到恶语相向！第二，他的ROM被严重的打上了他的标记。开机画面有他的名字，ROM刷好之后设定中有他的名字，查看手机信息，有他的名字（版本号中），打开IE的默认页面，竟然连一个IE的欢迎界面他都能写上他的名字！这TMD算什么啊！不要说你是在别人的基础上改的，就算是盖茨，也没有在Windows上面到处写他的名字吧！好，不说Windows，说Linux。如果每个Linux的贡献者都在程序的某个位置加上自己的名字（About中除外），那么我觉得Linux不会是一个操作系统，而是一堆人的名字的整合体！所以相当BS这种傻叉！还以为自己怎么怎么！当年YUC做WM6的时候，不必现在WM6.1的好，也没有看到那么多自己的标志！xuan777也仅仅是在版本号中加了一个自己的名字，这个我觉得都可以理解。但是不要搞得让人用你的ROM就一定要对你感恩戴德的一样～严重恶心这种人！中国人那种小农思想在这一刻暴露无遗！&lt;br /&gt;
说了这么多，再说说迅雷～不知道什么时候迅雷出了一个什么喊疼工具！一看功能，别的还好，“屏蔽上传”历历在目！全球估计也就中国人能想出来这种事情了吧！享受着迅雷P2SP带来的告诉下载，却不愿意在P2P的环节中出一份力！坦白说，迅雷对于下载速度和上传上面确实有很大的问题，但是并没有强制你去使用。但是你既然使用了，享受到它给你带来的快速下载的乐趣，那么就应该对你的下载给出一定的上传的贡献，这个是道德的问题！这也让我想起来为什么EMule极力想封杀吸血驴的原因。吸血驴包括了一切非Emule工具下载的方式，主要是迅雷！为什么？根据迅雷的工作原理，难免会盗用一些Emule的资源。但是很多人习惯下载完就马山关闭迅雷，不给迅雷一点上传的时间！长此以往，在Emule资源这个整个环境中，迅雷总是在占用其带宽，获得资源，却很少有贡献！那样子当然是会被封杀！别人为什么要留着你？其实在我看来，这不是下载工具的问题，而是使用者的问题！如果我用Emule下载完之后，马上关闭，其实是不是也同样达到只下载不上传的目的？当然，有些服务器可以控制下载和上传比，可以消除部分这种情况。但是，用户个人因素是分不开的！用Emule的人，或多或少都有共享的精神（大小而已），但是用迅雷的人，一面享受其告诉的快感，一面骂着为什么要上传！素质差距可见一斑！喊疼版迅雷只不过是这些人丑陋思想的表现罢了～&lt;br /&gt;
也许就是这样子，工具永远都不是最终的问题，人才是！&lt;/p&gt;
&lt;p&gt;对于未来，还是有些迷惘，但是有了一点方向了～还是要努力！项目经验确实匮乏的可以，需要努力去弥补！！不论这次中山是否可以接下来，还是想用TP做点东西，至少不要再那么白痴了～～哈哈～&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/143/some_mess_idea.html/feed</wfw:commentRss><description>今天一天什么事情也没有干，除了看看布袋戏之外就是看Friends～堕落一天~中间插有网络查看的动作～看到了一些言论或者行为，随便说两句～
先说两句和校内有关的。
一个师妹在校内网上抱...</description><category>软件</category><category>乱七八糟</category><pubDate>Sat, 26 Jul 2008 19:17:43 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/143/some_mess_idea.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=143</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/143/some_mess_idea.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443608/5206191</fs:itemid></item><item><title>ThinkPHP集成FCKeditor</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443609/5206191/1/item.html</link><content:encoded>&lt;p&gt;首先我要先BS一下我自己。有两个原因。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;第一个就是学了ThinkPHP这么久，对于ThinkPHP一些内置的路径还是很不熟，对于__WEBROOT__或者__PUBLIC__这种路径还是很不了解！&lt;/li&gt;
&lt;li&gt;第二个，就是我弄了半天，才将FCKeditor给集成到ThinkPHP中，问题是，原先就可以很简单集成进去的，被我无限复杂化了～&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;span id=&quot;more-136&quot;&gt;&lt;/span&gt;&lt;br /&gt;
算了，还是来说一下什么样子的情况吧。&lt;br /&gt;
准备接一个政府性质的信息发布平台。个人准备使用TP作为框架，以LAMP来完成这个东东～&lt;br /&gt;
考虑到ZF机关的人大多数比较白痴，估计让他们用手写页面是完全不可能了。算了，还是用号称在Web中的word的FCKeditor来解决吧～&lt;br /&gt;
于是问题出现了！&lt;br /&gt;
FCKeditor如何调用？看了一下，大多数都是使用PHP生成一个对象，然后使用Create()方法来完成。&lt;br /&gt;
但是这里这个是行不通的！为什么呢？&lt;br /&gt;
路径问题！TP会将所有的路径经过路由来处理一下，加上其近RoR的性质，全篇是看不到require这种东西的！就算有，最后的FCKeditor的路径也同样是很大的问题！！&lt;br /&gt;
难道就这样子放弃？No～&lt;br /&gt;
仔细查阅了一下，发现有两个办法可以解决！&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;第一个就是使用PHP。具体方法比较麻烦，只能通过新建一个CommonAction.class.php，在这里面require一个FCKeditor需要的PHP文件，以后所有的Action都继承这个～这个有一个最大的问题是什么呢？那就是路径的混乱！！非常之混乱，毕竟一个框架近RoR，本身就不应该还需要包含这个包含那个！一大忌讳！&lt;/li&gt;
&lt;li&gt;那只有第二个办法可以解决了，就是利用JS的调用，在页面中调用FCKeditor&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;查看了官方示例的Blog后台，发现在ThinkTemplate中已经有这样子的解决办法了～&lt;/p&gt;
&lt;p&gt;OK，我们模板的事情已经做完了～～&lt;br /&gt;
但是，我们的事情还没有做完～剩下的事情还有一件！那就是将FCKEditor拷贝到公共目录中的Js目录中去！&lt;br /&gt;
另外在说一下FCKeditor简单的配置。如果需要FCK支持上传文件什么的，还需要对Public\Js\FCKeditor\editor\filemanager\connectors\php\中的config.php文件进行配置&lt;/p&gt;
&lt;p&gt;$Config['Enabled'] = true ;&lt;br /&gt;
$Config['UserFilesPath'] = &amp;#8216;/Examples/Public/userpic&amp;#8217; ;&lt;br /&gt;
$Config['UserFilesAbsolutePath'] = &amp;#8221; ;&lt;/p&gt;
&lt;p&gt;最简单的就需要改动上面三行，或者说两行，最后一个都可以不用修改～&lt;br /&gt;
解释一下～原先config.php中$Config['Enabled']默认的是false，也就是不支持上传文件，我们需要把它改成true让其支持。$Config['UserFilesPath']这个是决定了上传文件的相对路径。&lt;span style=&quot;color: red;&quot;&gt;这个路径是相对路网站根目录而言的路径～&lt;/span&gt;这个一定要切记～～最后一个是文件的绝对路径～我以前弄错了，以为可以不用谢，FCK会自己判断～可惜，我错了～我有罪！这个地方是一定要写上的，这个三个缺一不可的！！其实config.php还有很多别的配置，但是一般都保持默认设置就OK了。&lt;br /&gt;
这里我还要解释一下什么是公共目录～&lt;br /&gt;
TP中公共目录有两种，名称都是Public,但是分为两种；第一个就是项目间的公共目录，就是两个不同项目间共享的东西都可以放到这里来！另一个就是项目内部的公共目录，这个一般都是模板间使用的公共的头文件，CSS或者JS文件等等！项目间的公共目录放在和项目平级的Public中，而项目内部的公共目录放在每个项目的tpl/default/Public目录中～&lt;br /&gt;
Public目录一般都要包括Css目录、Images目录和Js目录（目录首字母大写，Tp的默认），项目间的公共目录一般还包含一个Upload目录，方便项目中上传文件&lt;br /&gt;
另外再说一个TP中的路径问题&lt;br /&gt;
__URL__这个指的是当前模块地址&lt;br /&gt;
../Public项目内部的共享目录&lt;br /&gt;
__APP__当前项目地址&lt;br /&gt;
__WEBROOT__网站根目录&lt;br /&gt;
__ACTION__当前操作地址&lt;br /&gt;
__SELF__当前页面地址&lt;br /&gt;
其中__APP__和__WEBROOT__可能比较容易混淆。简单的说，前者是后者的一个部分，如果后者是http://www.asdf.com的话，前者就可能是http://www.asdf.com/front这种形式～～而__PUBLIC__的地址就应该是http://www.asdf.com/__PUBLIC__这样子&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/136/intergrate_fckeditor_in_thinkphp.html/feed</wfw:commentRss><description>首先我要先BS一下我自己。有两个原因。

第一个就是学了ThinkPHP这么久，对于ThinkPHP一些内置的路径还是很不熟，对于__WEBROOT__或者__PUBLIC__这种路径还是很不了解！
第二个，就是我弄了半天，...</description><category>Flex</category><category>PHP学习</category><category>FCKeditor</category><category>Java</category><category>ThinkPHP学习</category><pubDate>Fri, 25 Jul 2008 15:41:46 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/136/intergrate_fckeditor_in_thinkphp.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=136</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/136/intergrate_fckeditor_in_thinkphp.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443609/5206191</fs:itemid></item><item><title>我彻底无语了</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443610/5206191/1/item.html</link><content:encoded>&lt;p&gt;我彻底之无语了～&lt;br /&gt;
什么和什么啊～哪有这样子的？给出了一个什么都不是的东西，就告诉我那是需求，然后让我写需求分析～&lt;br /&gt;
Faint～&lt;br /&gt;
如果让我写需求分析那倒是好办了，我想怎么弄就怎么弄～&lt;br /&gt;
可惜我知道他们肯定是要我写解决方案。&lt;br /&gt;
一个简单到不能再简单的程序，单纯的CMS发文系统，都不要很强的可定制性，我相信用ThinkPHP来做的话，一周足以搞定了（当然，我需要有页面才可以）&lt;br /&gt;
无语，彻底无语～&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/134/i_have_no_word.html/feed</wfw:commentRss><description>我彻底之无语了～
什么和什么啊～哪有这样子的？给出了一个什么都不是的东西，就告诉我那是需求，然后让我写需求分析～
Faint～
如果让我写需求分析那倒是好办了，我想怎么弄就怎么弄～...</description><category>乱七八糟</category><pubDate>Thu, 24 Jul 2008 14:37:33 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/134/i_have_no_word.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=134</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/134/i_have_no_word.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443610/5206191</fs:itemid></item><item><title>JQuery的Ajax提交表单</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443611/5206191/1/item.html</link><content:encoded>&lt;p&gt;我是一个JS挫人，所以这篇也难免会有不对的地方，如有不对的地方，还请指出，THX&lt;br /&gt;
对于JQ的Ajax提交，JQ本身是没有办法的。不过还好我们有不计其数的插件～&lt;br /&gt;
我们首先下载form.js这个JQ的插件，然后我们就可以开工了&lt;span id=&quot;more-123&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// prepare the form when the DOM is ready &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Teal;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ready&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;options&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;target&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;:&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#output1&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// target element(s) to be updated with server response &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;beforeSubmit&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;:&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;showRequest&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// pre-submit callback &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;success&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;:&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;showResponse&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// post-submit callback &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#myForm2&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;submit&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;this&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ajaxSubmit&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;options&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;//永远都return false以避免浏览器标准的subimit和页面导航引起的错误&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;return&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;false&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// pre-submit callback &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;showRequest&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;formData&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;jqForm&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;options&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;//formData是一个Form元素的数组，jqForm是一个JQuery对象，要用它对form元素操作使用var element1 = jqForm[0]&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;queryString&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = $.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;param&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;formData&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;alert&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;About to submit: \n\n&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;queryString&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;//如果返回false的话，则可以阻止form提交，否则，允许提交&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;return&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// post-submit callback &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;showResponse&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;responseText&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;statusText&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;//statusText为执行成功后的状态，responseText为我们提交Form之后返回的字符串，也就是action=&amp;quot;abc.php&amp;quot;中提交之后abc.php返回的字符串&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;alert&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;status: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;statusText&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;\n\nresponseText: \n&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;responseText&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;\n\nThe output div should have already been updated with the responseText.&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;稍微解释一下&lt;br /&gt;
options定义了我们在ajaxSubmit的参数，其中&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;target:&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; '#output2',&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;给我们定义了ajax请求完成之后内容需要更改的div的id&lt;br /&gt;
而beforeSubmit和success则分别定义了ajax请求完成前和完成之后需要执行的回调操作。&lt;br /&gt;
下面定义的两个function就是对于回调操作的定义。&lt;br /&gt;
对于页面提交文件abc.php我们定义如下&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Green;&quot;&gt;echo&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Ajax Success&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;对于HTML部分，简单&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;output1&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;Hello,World&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;我们页面被成功的Ajax条之后，这段代码就会变成我们预先设定的那样,也就是变成了&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;output1&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;Ajax Success&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;</content:encoded><wfw:commentRss>http://www.breestealth.com/123/jquery_ajax_submit.html/feed</wfw:commentRss><description>我是一个JS挫人，所以这篇也难免会有不对的地方，如有不对的地方，还请指出，THX
对于JQ的Ajax提交，JQ本身是没有办法的。不过还好我们有不计其数的插件～
我们首先下载form.js这个JQ的插件...</description><category>JQuery学习</category><category>javascript</category><pubDate>Tue, 22 Jul 2008 11:30:41 +0800</pubDate><author>腾风无踪</author><comments>http://www.breestealth.com/123/jquery_ajax_submit.html#comments</comments><guid isPermaLink="false">http://www.breestealth.com/?p=123</guid><dc:creator>腾风无踪</dc:creator><fs:srclink>http://www.breestealth.com/123/jquery_ajax_submit.html</fs:srclink><fs:srcfeed>http://www.breestealth.com/feed</fs:srcfeed><fs:itemid>feedsky/BreeStealth/~7033526/123443611/5206191</fs:itemid></item><item><title>Jquery的乱七八糟</title><link>http://item.feedsky.com/~feedsky/BreeStealth/~7033526/123443612/5206191/1/item.html</link><content:encoded>&lt;p&gt;本人暂时只会PHP，C#处于学习阶段&lt;br /&gt;
对于PHP而言，JS始终是一个不可少的部分，所以，虽然对JS深恶痛绝，但是却不得不学～～&lt;br /&gt;
在这个浏览器标准完全不统一的阶段，要使得JS对于每个浏览器的支持都还不错，那么框架是个很好的选择——在底层帮你把一些需要注意的东西都写好了～&lt;br /&gt;
何乐不为？&lt;br /&gt;
JQuery，上～&lt;span id=&quot;more-117&quot;&gt;&lt;/span&gt;&lt;br /&gt;
对于JQery，我只想稍微做一个笔记性质的东西，方便自己日后的查阅。&lt;br /&gt;
对于Jquery的选择器，我不想多说什么，仅仅是想说一下$(&amp;#8221;a&amp;#8221;)、$(&amp;#8221;.stuff&amp;#8221;)和$(&amp;#8221;#clickme&amp;#8221;)的区别&lt;br /&gt;
第一个的选择是对于整个DOM属性的选择，第二个选择是对于class为stuff进行选择，而最后一个是对于id为clickme的元素进行选择～～&lt;br /&gt;
就是这样子～&lt;br /&gt;
然后来说一个比较cool的应用&lt;br /&gt;
见代码&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Gray;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Teal;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ready&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#faq&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;find&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;dd&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;hide&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;end&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;find&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;dt&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;click&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;answer&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;this&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;next&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;answer&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;is&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;:visible&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;'&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;answer&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;slideUp&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;answer&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;slideDown&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;这个里面涉及到了一个高级应用end()的问题。end()这里简化了我们反复选择的痛苦，在第一次find条件之后，我们继续进行查找，从而找到我们需要的东西。next()的出现使得我们find(&amp;#8217;dt&amp;#8217;)之后接着find(&amp;#8217;dd&amp;#8217;)从而完成了一个循环的查找。hide()帮助我们查找到我们需要的东西后直接帮我们设置为隐藏状态，或者说折叠起来的状态。或者这么说，end和next形成了一个循环，帮助我们把我们需要的
&lt;dd&gt;标签的全部选择出来～这样子的好处就是代码量很少～～answer.is(&amp;#8217;:visible&amp;#8217;)这句话帮我们判断出answer现在的状态是否是可见。&lt;br /&gt;
对于JQuery的Ajax来说也是一个简单的事情，看一个例子&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Gray;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Teal;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ready&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// generate markup&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ratingMarkup&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please rate: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;for&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &amp;lt;= &lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;++&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ratingMarkup&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ratingMarkup&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;length&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;&amp;lt;a href='#'&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; + &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;&amp;lt;/a&amp;gt; &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// add markup to container and applier click handlers to anchors&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#rating&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;append&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ratingMarkup&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;join&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;''&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;find&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;click&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;e&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;e&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;preventDefault&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// send requests&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;post&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;rate.php&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;rating&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;this&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;xml&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// format result&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;var&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;result&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; = &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;[&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Thanks for rating, current average: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;average&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;xml&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;, number of votes: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;count&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;xml&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// output result&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#rating&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;html&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;result&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;join&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;''&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;我们关键看一下对于$.post的处理&lt;br /&gt;
三个参数第一个是post提交的地址，第二个是提交的参数，第三个比较特殊，说说。&lt;br /&gt;
第三个定义了一个function，这个function以xml作为参数～&lt;font color=&quot;red&quot;&gt;但是这个xml是怎么来的呢？是我们提交给上述网址之后，那个网址（本例是rate.php）返回回来的（其实就是echo出来的东西啦）的xml格式的文本。&lt;/font&gt;在function中还有一个用法是$(&amp;#8221;average&amp;#8221;,xml).text() 我也来说一下，前面的$(&amp;#8221;average&amp;#8221;,xml)其实是&lt;font color=&quot;red&quot;&gt;rate.php返回回来的xml文本中的average节点的数据！！&lt;/font&gt;后面的text方法就不说了，将取出来的数据转化为文本格式。&lt;/p&gt;
&lt;p&gt;再来说一下使用Jquery来进行表单验证吧（估计这个也是JS最为人知的地方了）&lt;br /&gt;
我们需要down一个JQuery的插件下来，jquery.validate.js。将其包含到我们的HTMl文件中去（不要忘记了，这个文件包含位置一定要在JQuery.js下面，怎么说也是靠JQuery吃饭的；）&lt;br /&gt;
好了是吧？那我们现在看一下一个简单的例子吧～&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Gray;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Teal;&quot;&gt;document&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;ready&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(){&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#validateform&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;validate&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;JQuery的事情完了&lt;br /&gt;
再看看HTML我们要做什么&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cmxform&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;validateform&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;method&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;get&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;action&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;fieldset&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;legend&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;A simple comment form with submit validation and default messages&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;legend&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;for&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cname&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;Name&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;input&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cname&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;minlength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;for&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cemail&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;E-Mail&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;input&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cemail&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;email&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required email&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;for&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;curl&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;URL&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;input&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;curl&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;url&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;url&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;for&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;ccomment&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;Your comment&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;em&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;textarea&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;ccomment&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;comment&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;cols&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;22&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;textarea&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;input&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;submit&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;submit&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Submit&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;fieldset&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;完成&lt;br /&gt;
注意看一下input输入框class内容～那个就是对于输入框限定的条件，比如看这个&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: Olive;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;input&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;cemail&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;email&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: #00008b;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required email&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
&lt;p&gt;就给出了限定条件是required和email，需要满足这两个条件～～&lt;br /&gt;
是不是很简单？&lt;br /&gt;
但是有没有觉得这样子有些不爽？还需要在页面上进行修改？OK！我们看一下别的&lt;/p&gt;
&lt;div class=&quot;hl-surround&quot;&gt;&lt;ol class=&quot;hl-main ln-show&quot; title=&quot;Double click to hide line number.&quot; ondblclick = &quot;linenumber(this)&quot;&gt;&lt;li class=&quot;hl-firstline&quot;&gt;&lt;span style=&quot;color: #ffa500;&quot;&gt;// validate signup form on keyup and submit&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; $&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#signupForm&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;validate&lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;({&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;rules&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;firstname&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;lastname&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;username&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minlength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;2&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;password&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minLength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;5&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;confirm_password&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minlength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;equalTo&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#password&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;email&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;email&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Green;&quot;&gt;true&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;topic&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;#newsletter:checked&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minLength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Maroon;&quot;&gt;2&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;agree&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;messages&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;firstname&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please enter your firstname&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;lastname&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please enter your lastname&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;username&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please enter a username&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minLength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Your username must consist of at least 2 characters&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;password&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please provide a password&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minLength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Your password must be at least 5 characters long&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;confirm_password&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;required&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please provide a password&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;minLength&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Your password must be at least 5 characters long&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;equalTo&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please enter the same password as above&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;email&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please enter a valid email address&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Blue;&quot;&gt;agree&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: Red;&quot;&gt;Please accept our policy&lt;/span&gt;&lt;span style=&quot;color: #8b0000;&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: Olive;&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: Gray;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: Gray;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&q