Q&A
わざわざrequired属性をつけたりinputのtype制御をしなくても結局サーバーでバリデーションを掛ければ十分ではないか？
と質問されたらどう回答しますか？
お問い合わせフォームの入力制限について基本的な質問をさせてください。
わたしは現在、お問い合わせフォームの入力制限をjQueryでおこなう方法を勉強中です。
jQueryを使って、フォームに入力があれば送信できるようにし、
入力がなければ送信できないようにするといった方法ですね。
しかしふと思ったのですが、別にjQueryを使わなくても、
HTMLでinputタグ等にrequired属性をつければ十分ではないか？
と思ったりもします。
もちろんjQuery等を使ったほうがデザイン面や文言等を
自分好みにできるという利点はあります。
けれどデザインにこだわらない場合であれば
わざわざ手間暇をかけてJavaScript、jQuery等で
入力制限を行う必要はないのではないでしょうか？
そこで質問なのですが、
デザイン面以外で、フォームの入力制限をJavaScript、jQuery等で
行う意味というのはあるのでしょうか？
ご存じの方はご教授願えればと思います。
あるいはそれらの利点をまとめたサイトがあればそちらのURLを教えていただければ助かります。
よろしくお願いします。
> もちろんjQuery等を使ったほうがデザイン面や文言等を
自分好みにできるという利点はあります。
ここが目的なら、JavaScriptすらいらないと思うのですが。
HTMLとCSSだけで見た目は整えられます。
すみません。それの回答が分からないから悩んでいます。
回答4件
0
デザイン面以外で、フォームの入力制限をJavaScript、jQuery等で
行う意味というのはあるのでしょうか？
条件が複雑な場合（あるチェックボックスにチェックがない場合だけ、別な入力フォームが必須になる）などは、JavaScriptでの制御が必要になります。
投稿2020/11/16 03:23
総合スコア146018
0
maisumakunさんの回答以外の視点で言えば、ローカルで動作するjavascriptで可能な限り入力値をチェックする事で、無駄なリクエストを飛ばさずに済みますね。
サーバーにもユーザーにもネットワーク優しい動作になります。
結局サーバーでバリデーションをかけるにしろ、です。
ただしサーバーにデータを投げてチェックするタイプのjavascriptバリデーションではこの利点は失われます。
投稿2020/11/16 03:46
総合スコア6426
使いやすさの視点という当たり前のことに考えが及びませんでした。ありがとうございます。
この回答で重要視しているのは使いやすさではありません
嘘かホントか知らんけど利用者数
https://www.uniad.co.jp/260204
ありがとうございます。
0
ベストアンサー
バリデートはユーザー補助です。
サーバー側にデータを送る前に想定と違うかどうかを検証すると
送信失敗などユーザーの手間を減らせます。
送信データはすべて汚染されている前提で、クライアント側のバリデートとは
関係なくサーバー側ではかならずサニタイズが必要です。
投稿2020/11/16 03:44
編集2020/11/16 03:50
総合スコア116726
とても簡潔でわかりやすい回答だと思います。
今回、回答を寄せてくださった皆さんの回答はどれも納得いくものばかりでした。
どれをベストアンサーにすればいいのか迷ったのですが、
「ユーザーの手間の減少」、「サーバー側とユーザー側の2つの点」、簡潔な文章の観点からyambejpさんの回答をベストアンサーとさせていただきます。
回答を寄せてくださった皆様、ありがとうございます。
0
UX面が強くなると思います。例えばinput要素等のCSSによってはrequired属性をつけても未入力で送信できてしまいます。そういった時に、サーバーでのバリデーションだけだといちいち画面移管してイライラしますよね。required属性等は不安定(？)なので、jQueryで実装する。このような回答でいかがでしょうか。
投稿2020/11/16 03:38
総合スコア10429
あなたの回答
tips
プレビュー
