{"id":2208,"date":"2013-07-15T15:50:47","date_gmt":"2013-07-15T07:50:47","guid":{"rendered":"https:\/\/sdeno.com\/?p=2208"},"modified":"2015-12-09T14:56:18","modified_gmt":"2015-12-09T06:56:18","slug":"table%e6%b3%a8%e5%86%8c%e8%a1%a8%e5%8d%95%e9%aa%8c%e8%af%81%e5%8f%8a%e5%88%9d%e5%a7%8b%e5%8c%96%e6%8f%92%e4%bb%b6koo-js","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=2208","title":{"rendered":"table\u6ce8\u518c\u8868\u5355\u9a8c\u8bc1\u53ca\u521d\u59cb\u5316\u63d2\u4ef6Koo.js"},"content":{"rendered":"<p>\u9a8c\u8bc1\u8868\u5355<\/p>\n<form id=\"form1\" action=\"#\" method=\"post\"><a href=\"#top\" name=\"use\"><\/a><\/p>\n<h2>\u4f7f\u7528\u8bf4\u660e<\/h2>\n<p>Koo.js\u6807\u7b7e\u9a8c\u8bc1\u63d2\u4ef6\u57fa\u4e8eJquery\u5f00\u53d1\uff0c\u4e3a<a href=\"http:\/\/kooteam.com\"><strong>KooTeam.com<\/strong><\/a>\u800c\u751f\uff0c\u53d6\u540dKoo.js\u3002\u4f7f\u7528\u5341\u5206\u7b80\u4fbf\uff0c\u4e0d\u9700\u5199\u4efb\u4f55\u4ee3\u7801\u5373\u53ef\u5b9e\u73b0\u5404\u79cd\u7684\u8868\u5355\u9a8c\u8bc1\uff0c\u540c\u65f6\u652f\u6301select\uff0ccheckbox\uff0cradio\u7b49\u9ed8\u8ba4\u503c\uff0c\u4e00\u4e2a\u6807\u7b7e\u5168\u90e8\u641e\u5b9a\u3002<\/p>\n<p>\u5728\u7ebf\u8ba8\u8bba\uff1a<a href=\"http:\/\/qa.kooteam.com\/\" target=\"_blank\"><strong>http:\/\/www.oschina.net\/p\/koojs<\/strong><\/a><\/p>\n<div class=\"content\">[code]1.\u9875\u9762\u4e2d\u5f15\u5165jquery.js\u5e93\u548ckoo.js<br \/>\n2.\u52a0\u5165\u5982\u4e0b\u4ee3\u7801<\/p>\n<pre>    &lt;script type=\"text\/javascript\" \/&gt;\r\n        $(document).ready(function () { $('form').Koo(); });\r\n    &lt;\/script&gt;[\/code]<\/pre>\n<p>3.\u9a8c\u8bc1\u6807\u7b7e\u5bf9\u8c61\u662fcheck\u81ea\u5b9a\u4e49\u5c5e\u6027\uff0c\u591a\u91cd\u9a8c\u8bc1\u6807\u7b7e\u4ee5\u201c-\u201d\u7b26\u53f7\u5206\u9694\u3002\u4f8b\u5982\uff1acheck=&#8221;need-mail&#8221;\uff1a\u8868\u793a\u5fc5\u586b\u5b57\u6bb5\uff0c\u4e14\u53ea\u80fd\u8f93\u5165\u90ae\u7bb1\uff0ccheck=&#8221;date-need&#8221;\uff1a\u8868\u793a\u8f93\u5165\u6846\u4f1a\u81ea\u52a8\u52a0\u8f7d\u65e5\u671f\u63a7\u4ef6\uff0c\u4e14\u8f93\u5165\u503c\u4e0d\u80fd\u4e3a\u7a7a\u3002<\/p>\n<p>4.\u81ea\u5b9a\u4e49\u63d0\u793a\uff0c\u628a\u9700\u8981\u63d0\u793a\u7684\u4fe1\u606f\uff0c\u8986\u76d6\u5230title\u5c5e\u6027\u4e0a\uff0c\u5728\u9a8c\u8bc1\u7684\u65f6\u5019\u4fbf\u63d0\u793a\u81ea\u5b9a\u4e49\u7684\u63d0\u793a\u4fe1\u606f\u3002\u4f8b\u5982\uff1acheck=&#8221;need&#8221; title=&#8221;\u5e72\u561b\u8f93\u5165\u7a7a\u503c\u5462\uff1f&#8221;\uff0c\u5728\u9a8c\u8bc1\u4e0d\u901a\u8fc7\u65f6\u4f1a\u63d0\u793a\uff1a\u201c\u5e72\u561b\u8f93\u5165\u7a7a\u503c\u5462\uff1f\u201d\uff0c\u800c\u4e0d\u662f\u9ed8\u8ba4\u7684&#8221;\u4e0d\u80fd\u4e3a\u7a7a&#8221;<br \/>\n<a href=\"#top\" name=\"validate\"><\/a><\/p>\n<p>5.\u4fee\u6539\u63d0\u793a\u6837\u5f0f\uff0c\u5728\u4f60\u7684css\u4e2d\u7ed9.kootip\u8fd9\u4e2a\u6837\u5f0f\u5b9a\u4e49\u89c4\u5219\u5373\u53ef\uff0c\u9ed8\u8ba4\u6837\u5f0f .kootip{color:red;line-height:16px;}<\/p>\n<\/div>\n<h2>\u9a8c\u8bc1\u6807\u7b7e<\/h2>\n<p><a href=\"#top\" name=\"need\"><\/a><\/p>\n<h3>need\uff1a\u8f93\u5165\u6846\u6570\u636e\u4e0d\u80fd\u4e3a\u7a7a<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;need&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"digit\"><\/a><\/p>\n<h3>digit\uff1a\u53ea\u80fd\u8f93\u5165\u6570\u5b57<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;digit&#8221; \/&gt;\u6548\u679c\uff1a<input title=\"\u81ea\u5b9a\u4e49\u63d0\u793a\uff1a\u8bf7\u8f93\u5165\u6570\u5b57\" type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"chinese\"><\/a><\/p>\n<h3>chinese\uff1a\u53ea\u80fd\u8f93\u5165\u4e2d\u6587\u5b57\u7b26<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;chinese&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"card\"><\/a><\/p>\n<h3>card\uff1a\u53ea\u80fd\u8f93\u5165\u8eab\u4efd\u8bc1\u53f7<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;card&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"zip\"><\/a><\/p>\n<h3>zip\uff1a\u53ea\u80fd\u8f93\u5165\u90ae\u7f16<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;zip&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"float\"><\/a><\/p>\n<h3>float\uff1a\u53ea\u80fd\u8f93\u5165\u6d6e\u70b9\u6570\u5b57<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;float&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"tel\"><\/a><\/p>\n<h3>tel\uff1a\u53ea\u80fd\u8f93\u5165\u7535\u8bdd\u53f7\u7801<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;tel&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"mobile\"><\/a><\/p>\n<h3>mobile\uff1a\u53ea\u80fd\u8f93\u5165\u624b\u673a\u53f7\u7801<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;mobile&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"char\"><\/a><\/p>\n<h3>char\uff1a\u53ea\u80fd\u8f93\u5165\u82f1\u6587\u5b57\u7b26\u4e32<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;char&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"money\"><\/a><\/p>\n<h3>money\uff1a\u53ea\u80fd\u8f93\u5165\u91d1\u989d<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;money&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"mail\"><\/a><\/p>\n<h3>mail\uff1a\u53ea\u80fd\u8f93\u5165\u90ae\u4ef6\u5730\u5740<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;mail&#8221; \/&gt;\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"tag\"><\/a><\/p>\n<h3>!\uff0b\u6807\u7b7e\uff1a\u53ef\u4ee5\u4e3a\u7a7a\uff0c\u5982\u679c\u4e0d\u4e3a\u7a7a\u5219\u5fc5\u987b\u8981\u7b26\u5408\u9a8c\u8bc1\u89c4\u8303<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;!digit&#8221; \/&gt;\u8868\u793a\u53ef\u4ee5\u4e3a\u7a7a\uff0c\u4f46\u5fc5\u987b\u7b26\u5408digit\u89c4\u8303\u6548\u679c\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"3id\"><\/a><\/p>\n<h3>=id\uff1a\u9a8c\u8bc1\u662f\u5426\u4e0e\u5bf9\u5e94\u7684\u6807\u7b7e\u503c\u76f8\u7b49<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input id=&#8221;test1&#8243; \/&gt;&lt;input check=&#8221;=test1&#8243; \/&gt;<br \/>\n\u8868\u793a\u4e24\u4e2a\u8f93\u5165\u6846\u7684\u5185\u5bb9\u5fc5\u987b\u76f8\u7b49\u6548\u679c\uff1a<input id=\"test1\" type=\"text\" \/>\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"5id\"><\/a><\/p>\n<h3>\/id\uff1a\u9a8c\u8bc1\u4e24\u4e2a\u8f93\u5165\u5b57\u6bb5\u81f3\u5c11\u8981\u8f93\u5165\u4e00\u4e2a<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input id=&#8221;test1&#8243; \/&gt;&lt;input check=&#8221;\/test1&#8243; \/&gt;\u6548\u679c\uff1a<input id=\"test3\" type=\"text\" \/>\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"id\"><\/a><\/p>\n<h3>&gt;id\uff1a\u9a8c\u8bc1\u540e\u9762\u8f93\u5165\u7684\u6570\u5b57\u8981\u6bd4\u524d\u9762\u7684\u5927<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input id=&#8221;test1&#8243; \/&gt;&lt;input check=&#8221;&gt;test1&#8243; \/&gt;\u6548\u679c\uff1a<input id=\"test5\" type=\"text\" \/>\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"8id\"><\/a><\/p>\n<h3>*id\uff1a\u9a8c\u8bc1\u540e\u9762\u8f93\u5165\u7684\u65e5\u671f\u8981\u6bd4\u524d\u9762\u7684\u5927<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input id=&#8221;test1&#8243; \/&gt;&lt;input id=&#8221;test2-*test1&#8243; \/&gt;\u6548\u679c\uff1a<input id=\"ds\" type=\"text\" \/>\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"9id\"><\/a><\/p>\n<h3>l number\uff1a\u9a8c\u8bc1\u8f93\u5165\u957f\u5ea6\u7b49\u4e8enumber<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input id=&#8221;test1&#8243; \/&gt;&lt;input name=&#8221;test2&#8243; id=&#8221;test2-l200&#8243; \/&gt;\u8f93\u5165\uff1a<input id=\"test2-l6\" type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"10id\"><\/a><\/p>\n<h3>&gt; number\uff1a\u9a8c\u8bc1\u8f93\u5165\u6570\u5b57\u5927\u4e8enumber<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;&gt;200&#8243; \/&gt;<br \/>\n<a href=\"#top\" name=\"11id\"><\/a>\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<h3>&lt; number\uff1a\u9a8c\u8bc1\u8f93\u5165\u6570\u5b57\u5c0f\u4e8enumber<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;&lt;200&#8243; \/&gt;<br \/>\n<a href=\"#top\" name=\"date\"><\/a>\u8f93\u5165\uff1a<input title=\"\u81ea\u5b9a\u4e49\u63d0\u793a\uff1a\u503c\u4e0d\u80fd\u5c0f\u4e8e200\" type=\"text\" \/><\/div>\n<h2>\u65e5\u671f\u63a7\u4ef6<\/h2>\n<h3>date\uff1a\u7ed9\u8f93\u5165\u6846\u7ed1\u5b9a\u65e5\u671f\u63a7\u4ef6<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input check=&#8221;date&#8221; \/&gt;\u8f93\u5165\uff1a<input type=\"text\" \/><\/div>\n<p><a href=\"#top\" name=\"select\"><\/a><\/p>\n<h2>\u9ed8\u8ba4\u503c<\/h2>\n<h3>select\uff1a\u7ed9Select\u4e0b\u62c9\u6846\u8bbe\u7f6e\u9ed8\u8ba4\u503c\u53ca\u9a8c\u8bc1<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;select check=&#8221;val&#8221; \/&gt;&lt;\/select \/&gt;\u82e5val\u4e0eoption\u7684value\u76f8\u7b49\uff0c\u5219\u81ea\u52a8\u9009\u4e2d\u5b9e\u4f8b<br \/>\n<select><option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option selected=\"selected\" value=\"4\">4<\/option><option value=\"5\">5<\/option><\/select><\/div>\n<h3>checkbox\uff1a\u7ed1\u5b9aCheckBox\u9ed8\u8ba4\u9009\u4e2d\u6846<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input type=&#8221;checkbox&#8221; check=&#8221;val&#8221; \/&gt;\u82e5val\u4e0echeckbox\u7684\u503c\u76f8\u7b49\uff0c\u5219\u81ea\u52a8\u9009\u4e2d\u8f93\u5165\uff1a<input id=\"c1-2\" type=\"checkbox\" value=\"1\" \/><label for=\"c1-2\">1<\/label><input id=\"c2-2\" checked=\"checked\" type=\"checkbox\" value=\"2\" \/><label for=\"c2-2\">2<\/label><input id=\"c3-2\" type=\"checkbox\" value=\"3\" \/><label for=\"c3-2\">3<\/label><\/div>\n<h3>radio\uff1a\u7ed1\u5b9aRadio\u9ed8\u8ba4\u9009\u4e2d\u6846<\/h3>\n<div class=\"content\">\u4e3e\u4f8b\uff1a&lt;input type=&#8221;radio&#8221; check=&#8221;val&#8221; \/&gt;\u82e5val\u4e0eradio\u7684\u503c\u76f8\u7b49\uff0c\u5219\u81ea\u52a8\u9009\u4e2d\u8f93\u5165\uff1a<input id=\"r1-2\" name=\"sex\" type=\"radio\" value=\"1\" \/><label for=\"r1-2\">1<\/label><input id=\"r2-2\" checked=\"checked\" name=\"sex\" type=\"radio\" value=\"2\" \/><label for=\"r2-2\">2<\/label><input id=\"r3-2\" name=\"sex\" type=\"radio\" value=\"3\" \/><label for=\"r3-2\">3<\/label><br \/>\n<a href=\"#top\" name=\"update\"><\/a><\/div>\n<\/form>\n<p>\u539f\u4f5c\u8005\uff1ahttp:\/\/www.kooteam.com\/koo\/index.htm<\/p>\n<p>\u4e0b\u8f7d\uff1a<a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2013\/07\/koo.js\u9a8c\u8bc1\u8868\u5355.rar\">koo.js\u9a8c\u8bc1\u8868\u5355<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9a8c\u8bc1\u8868\u5355 \u4f7f\u7528\u8bf4\u660e Koo.js\u6807\u7b7e\u9a8c\u8bc1\u63d2\u4ef6\u57fa\u4e8eJquery\u5f00\u53d1\uff0c\u4e3aKooTeam.com\u800c\u751f\uff0c\u53d6\u540dKoo.j [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,13],"tags":[],"class_list":["post-2208","post","type-post","status-publish","format-standard","hentry","category-11","category-jquery"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2208"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2208\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}