MrFuku/MyApp

拡張:記事投稿フォームの表示方法、呼び出し方法変更

Opened this issue · 2 comments

ツイッターを参考。記事の投稿には2パターンのフォームを用意。

①ヘッダーから投稿フォームの呼び出し。
基本的にはどのページからでも投稿フォームを呼び出せる。投稿フォームはモーダルで表示。

②ホーム画面付属の投稿フォーム。
ホーム画面のフィード最上部に投稿フォームを設置。入力状態になるとフォームが縦に広がるようにする。

記事送信ボタンの無効化を切り替える。記事が有効な時のみボタンを有効にし、それ以外は押せないようにする。

参考:[jQuery]input要素にdisabledを設定・解除する方法
https://qiita.com/nggg/items/4845d0053342642ce924

参考:jQueryで入力フォームに文字カウント(カウントダウン)を設置する方法
http://black-flag.net/jquery/20120229-3696.html

参考:jQueryでテキストエリアの文字数を取得時に、改行+スペースは無視したい場合
https://qiita.com/rikusei/items/b0de571b8fb5f6ea6b2d

コメント送信ボタンについても記事送信ボタン同様に無効化切り替え処理を加える。