属性è¨å®šã§ç°¡å˜ã«ãƒ‡ãƒ¼ã‚¿ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå‡ºæ¥ã‚‹JSフレームワーク「Parsley.jsã€:phpspot開発日誌Parsley.js 属性è¨å®šã§ç°¡å˜ã«ãƒ‡ãƒ¼ã‚¿ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå‡ºæ¥ã‚‹JSフレームワーク「Parsley.js〠<input>ã«å¯¾ã—㦠data-* ã®å½¢ã§å±žæ€§ã‚’è¨å®šã™ã‚Œã°ãƒ‡ãƒ¼ã‚¿ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«ã‚«ãƒƒã‚³ã‚ˆãã§ãã¡ã‚ƒã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ 例ãˆã°ã€<input data-type="email">ã£ã¦è¨˜è¿°ã—ã¦ãŠã‘ã°ã€ãã®inputã«ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ä»¥å¤–ãŒå…¥åŠ›ã•ã‚Œã¦ã„ã‚Œã°ã‚¨ãƒ©ãƒ¼ã‚’検出出æ¥ã¾ã™ã€‚ emailã ã‘ã§ãªãã€æ•°å€¤ã€URLã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆç‰ã®ãƒã‚§ãƒƒã‚¯ã«å¯¾å¿œã€‚ãã®ä»–ã€æœ€ä½Žãƒ»æœ€é«˜ã®é•·ã•ã®è¨å®šã‚„ã€å¿…é ˆé …ç›®ã€ç¯„囲è¨å®šã€æ£è¦è¡¨ç¾ã€ãƒªãƒ¢ãƒ¼ãƒˆURLã«ã‚ˆã‚‹ãƒ‘ラメータãƒã‚§ãƒƒã‚¯ãŒã§ãã€ã¨ã«ã‹ããƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãªã‚‰å…¨ä½“çš„ã«æ©Ÿèƒ½ãŒè©°ã¾ã£ã¦ã„ã¾ã™ã€‚サンプルサイトもBootstrapベースã§ä½œã‚‰ã‚Œã¦ã„ã¦ã€Bootstrapã¨ã‚‚相性ãŒè‰¯ã•ãã†ã€‚ FEå´ã§ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’スマートã«ã‚„ã‚ŠãŸã„ã£ã¦æ–¹ã¯è©•ä¾¡ã—ã¦ã¿ã¦ã‚‚よ
{{#tags}}- {{label}}
{{/tags}}