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の基礎知識の説明や開発環境の構築方法などは省略します。その辺の情報については、当ブログの以下の記事などを参考にしてください

[kefi3104]

ReactとHTML5 Form Validationでリアルタイムチェック機能付きフォームを作る

[iR3]

ふむふむ

[kihan]

React.js Advent Calendar 2015 (Qiita) 23日目の記事として書きました。実用的なところで、ReactとHTML5でRealtime Form Validationの実装方法です。#react #reactjs #javascript #html5