Reactã¨HTML5 Form Validationã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ä»˜ãフォームを作るサンプルã«ã¤ã„ã¦ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã¨URLを入力ã—ã¦é€ä¿¡ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚リアルタイムã§å…¥åŠ›å€¤ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨å…¥åŠ›ã®æœ‰ç„¡ã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã„ã¾ã™ã€‚入力値ã«å•é¡ŒãŒãªã‘ã‚Œã°ã€é€ä¿¡ãƒœã‚¿ãƒ³ãŒæŠ¼ã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ボタンを押ã™ã¨ã€å…¥åŠ›å€¤ãŒã‚¢ãƒ©ãƒ¼ãƒˆã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚※サンプルãªã®ã§ã€ã‹ãªã‚Šã‚·ãƒ³ãƒ—ルã«ä½œã£ã¦ã„ã¾ã™ã€‚ サンプルã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯GitHubã§ç¢ºèªå¯èƒ½ã§ã™ã€‚ maechabin/react-validation-form – GitHub実際ã«Reactã®å®Ÿè£…ã‚’è¡Œã£ã¦ã„ã‚‹ã®ãŒä»¥ä¸‹ã®JSファイルã¨ãªã‚Šã¾ã™ã€‚ https://github.com/maechabin/react-validation-form/blob/master/src/app.js実装方法ã®èª¬æ˜Žã®å‰ã«Reactã®åŸºç¤ŽçŸ¥è˜ã®èª¬æ˜Žã‚„開発環境ã®æ§‹ç¯‰æ–¹æ³•ãªã©ã¯çœç•¥ã—ã¾ã™ã€‚ãã®è¾ºã®æƒ…å ±ã«ã¤ã„ã¦ã¯ã€å½“ブãƒã‚°ã®ä»¥ä¸‹ã®è¨˜äº‹ãªã©ã‚’å‚考ã«ã—ã¦ãã ã•ã„
CSSモジュール ― 明るã„未æ¥ã¸ã‚ˆã†ã“ã | POSTD
Reactã‚’jQueryã®æ•°è¡Œã«è¦ç´„ã™ã‚‹ | POSTD
{{#tags}}- {{label}}
{{/tags}}