HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ãŒã§ãる「jQuery Tools〠| Web活メモ帳HTML5ã«ãªã£ã¦Formã®è¦ç´ ãŒå¤§å¹…ã«å¢—ãˆã¾ã—ãŸã€‚inputã®type属性ã«telã€urlã€emailãªã©ã®å€¤ãŒæŒ‡å®šã§ããŸã‚Šå¿…é ˆå±žæ€§ã‚’è¨å®šã§ããŸã‚Šã™ã‚‹ã®ã§ã€ä½¿ã„ã“ãªã›ã‚Œã°ä¾¿åˆ©ã«ãªã‚Šã¾ã™ã。 ã—ã‹ã—複雑ãªãƒã‚§ãƒƒã‚¯ã‚„エラー表示ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã™ã‚‹ã«ã¯JavaScriptを使ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 「jQuery Toolsã€ã‚’使ã†äº‹ã§ç°¡å˜ã«è§£æ±ºã™ã‚‹äº‹ãŒå¯èƒ½ã«ãªã£ã¦ã¾ã™ã€‚ 基本的ãªãƒã‚§ãƒƒã‚¯ã¯1è¡Œã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã§ãるよã†ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ $("#myform").validator(); エラーメッセージã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯CSSã§å®Ÿè£…ã§ãã‚‹ã¨ã®äº‹ /* error message */ .error { height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; pad
JavaScriptã§iPhoneライクãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆ via「iPhone Style Radio and Checkbox Switches using JQuery and CSSã€
高機能ライブラリ「jQueryã€ã¨ãã®Plugin「Validation〠- ã™ãŽã‚ƒãƒ¼ã‚“メモ
オシャレã«ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ©ãƒ¼ã‚’ヒント表示ã—ã¦ãれるjQueryプラグイン「Ketchupã€:phpspot開発日誌
パスワード強度を明示ã™ã‚‹JavaScript「Password Strengthã€
[JS]セレクトボックスをアクセシブルã§ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Stylish Select
[JS]Twitterã®ã‚ˆã†ã«æ®‹ã‚Šã®æ–‡å—数をカウント表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -charCount
ブラウザãŒè½ã¡ã¦ã‚‚フォーム内容ãŒæ¶ˆãˆãªã„よã†ã«ã™ã‚‹jQueryプラグイン「jQuery autosaveã€:phpspot開発日誌
フォームè¦ç´ ã«ã†ã£ã™ã‚‰ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’入れã¦ãƒ’ント表示ã§ãる「jQuery Form Tipsã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}