[B! form] hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hatano99 id:hatano99

formã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®JavaScript/CSSãƒ„ãƒ¼ãƒ«10é¸
ã“ã®è¨˜äº‹ã¯Speckyboy Design Magazineã‹ã‚‰ã®ç¿»è¨³è»¢è¼‰ã§ã™ã€‚é…ä¿¡å…ƒã¾ãŸã¯è‘—è€…ã®è¨±å¯ã‚’å¾—ã¦é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ 10 JavaScript and CSS Tools to Enhance Your Forms ãƒ•ã‚©ãƒ¼ãƒ ã¯å¤šãã®Webã‚µã‚¤ãƒˆã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„ã‚‚ã®ã§ã™ã€‚ã—ã‹ã—ç§ãŸã¡ã¯ã€ãã®ç´°éƒ¨ã«ã¾ã§ã„ã¤ã‚‚æ°—ã‚’é…ã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ”¹å–„ã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“å˜åœ¨ã—ã¾ã™ã€‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¿½åŠ ã‚„ã€ãƒžã‚¹ã‚¯ã‚„ãã®ä»–ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ãã—ã¦ã“ã‚Œã¯è¡¨é¢çš„ãªå¯¾å‡¦ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚æœ€çµ‚ç›®æ¨™ã¯ã€ã§ãã‚‹é™ã‚Šä½¿ã„ã‚„ã™ãé…åŠ›çš„ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æœ€é©ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ãŸã‚ã®10ã®ç„¡æ–™ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ formbase formbaseã¯ã€CSS/SASSã‚’ä½¿ç”¨ã—ã¦ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«æ”¹å–„ã•ã‚ŒãŸãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¦ç´ ã‚’ã‚‚ãŸã‚‰ã™ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸
hatano99 2018/03/19
javascript

css

form
ãƒªãƒ³ã‚¯
jQueryã§ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ããƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚ã† (1/3)
ä»Šå›žã¯jQueryã‚’ä½¿ã£ã¦ã€ã€Œå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã€ã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆæ¤œè¨¼ï¼‰æ©Ÿèƒ½ã‚’ä»˜ã‘ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚å…¥åŠ›æ¼ã‚Œã‚„å…¥åŠ›ãƒŸã‚¹ãŒãªã„ã‹ã€ã‚µãƒ¼ãƒãƒ¼ã¸é€ä¿¡ã™ã‚‹å‰ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã‚ã‚‰ã‹ã˜ã‚ç°¡æ˜“çš„ãªæ¤œè¨¼ã‚’æ¸ˆã¾ã›ã‚‹ã“ã¨ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’é«˜ã‚ã‚‰ã‚Œã¾ã™ã€‚ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ç‰¹ã«ã€å…¥åŠ›æ¼ã‚Œã‚„ãƒŸã‚¹ã®ã‚ã£ãŸé …ç›®ã‚’åˆ†ã‹ã‚Šã‚„ã™ããƒ¦ãƒ¼ã‚¶ãƒ¼ã«ç¤ºã™ã‚ˆã†ã«å·¥å¤«ã—ã¦ã„ã¾ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ«ã‚’classå±žæ€§ã§è¨å®š ã€Œå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã€ã®ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªWebãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¾ã™ã€‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã¨ã—ã¦ã¯ã€å¿…é ˆé …ç›®ã®ã€ŒãŠåå‰ã€ã€Œæ€§åˆ¥ã€ã€Œã©ã“ã§ã“ã®ã‚µã‚¤ãƒˆã‚’çŸ¥ã‚Šã¾ã—ãŸã‹ï¼Ÿã€ã€ŒãŠå•ã„åˆã‚ã›å†…å®¹ã€ãŒå…¥åŠ›ã•ã‚Œã¦ã„ã‚‹ã‹ã€ã€Œéƒµä¾¿ç•ªå·ã€ãŒæ•°å€¤ã§å…¥åŠ›ã•ã‚Œã¦ã„ã‚‹ã‹ã€ã€Œãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã€ãŒãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®æ›¸å¼ã«ãªã£ã¦ã„ã‚‹ã‹ã€ã€Œãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã€ã¨ã€Œãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ï¼ˆç¢ºèªï¼‰ã€ã«å…¥åŠ›ã•ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆãŒåŒã˜ã‹â€•â€•ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¾ã™ã€‚
hatano99 2014/04/07
jquery

html

JavaScript

ui

web

Webåˆ¶ä½œ

FORM

*jQuery
ãƒªãƒ³ã‚¯
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ å…¥åŠ›å†…å®¹ã®æ¤œè¨¼ã¨ã‹ã€éƒµä¾¿ç•ªå·å¤‰æ›ã‚’å‚™ãˆãŸã€ãã“ãã“ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸ time2014/01/18 hatenabookmark- åŽ»å¹´æœ«å®Ÿå®¶ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’ï¼†æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§"ãã“ãã“"ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ¡ˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’ç›®æŒ‡ã—ã¦ã‚‚ã‚µãƒ¼ãƒåˆ¶ç´„ã‚„ã‚³ã‚¹ãƒˆçš„ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„ã‚ˆã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
hatano99 2014/01/20
javascript

UI

form

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
[JS]ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚’æ”¯æ´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Autotab
Matthew Millerã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ã‚·ãƒªã‚¢ãƒ«ãƒŠãƒ³ãƒãƒ¼å…¥åŠ›æ™‚ã®ã‚ˆã†ã«ã€å…¥åŠ›ã«åˆã‚ã›ã¦ã€è‡ªå‹•ã§æ¬¡ã®å…¥åŠ›æ¬„ã«ç§»å‹•ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Autotab: jQuery auto-tabbing and filter plugin Autotabã¯æ–‡å—æ•°ã«åˆã‚ã›ã¦å…¥åŠ›æ¬„ã‚’ç§»å‹•ã™ã‚‹ã ã‘ã§ã¯ãªãã€å…¥åŠ›ã™ã‚‹æ–‡å—ã®ç¨®é¡žã®åˆ¶é™ï¼ˆæ•°å—ã®ã¿ã€è‹±èªžã®ã¿ãªã©ï¼‰ã‚„å°æ–‡å—ã‚’å¤§æ–‡å—ã«å¤‰æ›ã™ã‚‹ãªã©ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Autotabã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
hatano99 2012/07/10
jQuery

ãƒ•ã‚©ãƒ¼ãƒ

form

jQuery
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ãƒªã‚¬ãƒŠã‚’è‡ªå‹•å…¥åŠ›ã•ã›ã‚‹AutoRuby.js | ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œãƒ»é‹å–¶ã®ãƒ’ãƒ³ãƒˆ
&lt;script Language=â€javascriptâ€ src=â€http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106â€³&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=â€http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106â€³ target=â€_blankâ€ &gt;&lt;img src=â€http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
hatano99 2012/07/10
*javascript

javascript

form
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ jQuery.validation.js :: 5509
ãŠçŸ¥ã‚‰ã›ï¼ˆ10.08.06ï¼‰ï¼š jQuery.validation.jsã¯ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãƒ»ä¿®æ£å¯¾å¿œãªã©ã‚’çµ‚äº†ã—ã¾ã—ãŸã€‚ ä»•æ§˜ãªã©ã‚’å¤‰æ›´ã—ãŸãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¬é–‹ã—ãŸã®ã§ã€ãã¡ã‚‰ã®æ–¹ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ï¼ˆvalidation.jsã«ã¯ã‚ã‚‹ã®ã«exValidationã§ã¯å®Ÿè£…ã—ã¦ã„ãªã„æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«å®Ÿè£…ã¯è¡Œã„ã¾ã›ã‚“ï¼‰ ã©ã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã‚‚ä½¿ãˆã‚‹jQueryã®ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³: exValidation jQuery.validation.jsã¯ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã®ã‚¤ãƒ©ã‚¤ãƒ©ã‚’è»½æ¸›ã—ã¦ã€Webãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚°ã¨ã‹ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚’ã‚‚ã£ã¨å¿«é©ã«ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚(ã‚‚ã¡ã‚ã‚“ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã®ãƒã‚§ãƒƒã‚¯ã¯å¿…é ˆã§ã™ãŒâ€¦) jQuery.validation.jsã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã¿ã‚‹ ãƒˆãƒ”ãƒƒã‚¯ã‚¹ ç‰¹å¾´ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ å°Žå…¥æ–¹æ³• 1.JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ 2.inputè¦ç´
hatano99 2010/12/16
*javascript

ãƒ•ã‚©ãƒ¼ãƒ

jquery

jQuery

javascript

*jQuery

form
ãƒªãƒ³ã‚¯
http://livevalidationphp.leihitu.nl/index.php?page=home
hatano99 2007/09/25
php

javascript

form
ãƒªãƒ³ã‚¯
JotForm
hatano99 2007/07/13
webãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

javascript

form

generator

ajax
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å€¤ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ãã‚Œã‚‹Javascriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽValidate.jsã€ | S i M P L E * S i M P L E
ã“ã‚Œã¯ä¾¿åˆ©ãã†ã€‚ ã€Žvalidate.jsã€ã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ã•ã¾ã–ã¾ãªå…¥åŠ›ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã¾ã™ã€‚URLã‚„ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ãªã©ã®ã‚ˆãã‚ã‚‹ãƒã‚§ãƒƒã‚¯ã«åŠ ãˆã€ISBNã‹ã©ã†ã‹ã¨ã„ã£ãŸãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªãƒã‚§ãƒƒã‚¯ã‚‚ã§ãã¾ã™ã€‚ ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã«è¼‰ã£ã¦ã„ã‚‹å‘½ä»¤ã‚’ã”å‚è€ƒã¾ã§ã«ã€‚ hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEM ailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply ã‚µã‚¤ãƒˆã§ã¯å‹•ä½œãƒã‚§ãƒƒã‚¯ã®ãƒ‡ãƒ¢ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã‚‚è¦‹ã‚Œã¾ã™ã‚ˆã€‚ â†‘ ã“ã‚“ãªæ„Ÿã˜ã§ã•ã¾ã–ã¾ãªãƒã‚§ãƒƒã‚¯ãŒã§ãã¾ã™ã€‚ è©³ç´°ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ Â» Mutationevent :: Validate.js
hatano99 2007/02/22
å…¥åŠ›ãƒã‚§ãƒƒã‚¯

ajax

form
ãƒªãƒ³ã‚¯
1