é•·ã„フォームをステップå¼ã«ã—ã¦çœã‚¹ãƒšãƒ¼ã‚¹ã«åŽã‚るクãƒã‚¹ãƒ–ラウザ対応ã§ã‚·ãƒ³ãƒ—ルãªjQueryプラグイン・BabySteps - ã‹ã¡ã³ã¨.net使ã„ã‚„ã™ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ フォームをステップå¼ã«ã—ã¦ã€ コンパクトã«åŽã‚られるã€ã¨ã„ㆠjQueryプラグイン。シンプルãªã® ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚割りã¨ã—ã‚„ã™ã〠クãƒã‚¹ãƒ–ラウザã§ã‚‚動作ã—ã¦ã ã‚Œã¾ã™ã€‚ 高機能ãªãƒ—ラグインã¯æ²¢å±±ã‚ã‚Šã¾ã™ã‘ã©ã€æ—¢å˜ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚‹å ´åˆã¯ã‚·ãƒ³ãƒ—ルã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ã„æ–¹ãŒè½ã¨ã—è¾¼ã¿ã‚„ã™ã„ã®ã§ã™ãŒã€æŽ¢ã—ã¦ã¿ã‚‹ã¨ãªã‹ãªã‹ç„¡ã„ã®ã§å€‹äººçš„ã«ã¯ã“ã†ã„ã†ãƒ—ラグインãŒçµæ§‹è²´é‡ã§ã™ã€‚ ライセンスã¯MITã¨ãªã£ã¦ã„ã¾ã™ã€‚縦長ã®ãƒ•ã‚©ãƒ¼ãƒ を見ãŸã ã‘ã§é›¢è„±ã™ã‚‹ãƒ¬ãƒ™ãƒ«ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã¯ã‚¹ãƒˆãƒ¬ã‚¹ãªã®ã§ã“ã†ã—ã¦è¦‹ãŸç›®ã‚’ã™ã£ãã‚Šã•ã›ã‚Œã°é›¢è„±çŽ‡ã‚’防ã’ãã†ã€‚ 店ã‹ãªã‚“ã‹ã«å‡ºæ¥ã‚‹è¡Œåˆ—ã‚‚ç›´ç·šã§ã¯ãªãã€è›‡è¡Œã—ãŸåˆ—ã«ã™ã‚‹ã¨ã€æ··ã‚“ã§ãªã„よã†ãªéŒ¯è¦šãŒç”Ÿã¾ã‚Œã‚‹ã€ã¨ã„ã†ã®ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã®ã§åŒã˜ç†ç”±ã§ã‚¹ãƒˆãƒ¬ã‚¹ã‚’軽減ã§ãã‚‹ã®ã§ã¯ãªã„ã‹ãªã¨ã€‚ Sample デモを用æ„ã—ã¾ã—ãŸã€‚日本語ã«ã—ãŸã ã‘ã§ã™ã‘
実装ãŒç°¡å˜ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„å‹æ‰‹ã‚’å‘上ã•ã›ã‚‹JS 3種
jQueryベースã®Webフォームライブラリ「jFormerã€
フォームã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨jQueryプラグインã„ã‚ã„ã‚+α
フォームã§é›¢è„±ã•ã›ãªã„ãŸã‚ã®jQueryプラグイン50é¸ï½œdesignaholic -Creative Column-
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ を美ã—ã装飾ã™ã‚‹æ–¹æ³•
コンãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’è‘—ã—ã下ã’るフォームã®å…¥åŠ›é …目ワースト3ãªã©10+2記事（海外&国内SEOæƒ…å ±ï¼‰ | 海外&国内SEOæƒ…å ±ã‚¦ã‚©ãƒƒãƒ
[SEO]10分ã§ã§ãã‚‹ã€ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ページãŒæ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«ãã¡ã‚“ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ | コリス
今日ã‹ã‚‰ç¾å ´ã§ä½¿ãˆã‚‹jQueryã®ãƒ•ã‚©ãƒ¼ãƒ 関連プラグイン15é¸
フォーム周りã«ä½¿ãˆã‚‹jQueryプラグイン50 – creamu
jQuery.validation.jsを使ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ã§ãƒã‚§ãƒƒã‚¯ã«ã‚ˆã£ã¦å¿…é ˆé …ç›®ã®åˆ†å²ã‚’行ㆠ:: 5509
ç°¡å˜ã«ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ãŒè¡Œãˆã‚‹jquery.validate.js-JavaScript Library Archive
フォームã®ãŸã‚ã®å®Ÿç”¨çš„ãªjQuery集「10 Useful jQuery Form Validation Techniques and Tutorialsã€
リアルタイムフォームãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ jQuery.validation.js :: 5509
リアルタイムã«å…¥åŠ›ãƒã‚§ãƒƒã‚¯ - jQuery Inline Form Validation Engine - | ãƒã‚·ãƒ£ãƒã‚°ã€‚
日本語ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚ºã—㟠jquery.validationEngine.jsã§Contact Form 7ã®å…¥åŠ›å€¤ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹
http://www.designwalker.com/2010/06/jquery-forms.html
{{#tags}}- {{label}}
{{/tags}}