HTMLフォームが特定の順序で記入されていることを確認しますか？

Question

私はユーザーがデータを入力すると計算を実行するフォームを持っています。ただし、一部の計算では、特定のフィールドを最初に入力する必要があります。例えば

、私は4つのフィールドを持ち、フィールド4はフィールド1の割合であるならば、私は彼らがフィールド4.

にデータを入力することができます前に、ユーザーがフィールド1の値を持っていることを確認する必要があります私が考えているのは、各フィールドに連続番号を持つデータステップ属性を与えることです。最初にフォームが表示されると、最初のフィールドを除くすべてのフィールドが無効になります。有効なデータが最初のフィールドに入力されると、次のステップのフィールドが有効になります。これはまた、ユーザーがフィールド1を空白にして残りのフィールドをブランクアウトし、再び無効にすると仮定しています。

このソリューションはうまくいくはずですが、正しく動作するようにJSコード（jQuery）を必要とし、サーバー側の検証も必要になります。しかし、私が少し戸惑っているのは、提出してサーバー側の検証が失敗し、フォームを再びレンダリングし、フォームフィールドの無効/有効状態を維持する方法です。しかし、私は、現在の問題の後でその問題に取り組むだろうと思う。

これは、順番に記入しなければならないフォームの問題に対するまともな解決策ですか？他の誰かが私が実装しようとしているものよりも優れた解決策やより洗練された方法を見つけましたか？私は一般的な概念やアイデアでうまくいく。私は必要なものをかなりコード化することができますが、私はこの特定の問題のベストプラクティスを確信していません。

Answer 1

注文を確認する必要はなく、間違った書式のケースを除外する必要があるようです（たとえば、フィールド4が入力され、フィールド1が入力されていないなど）。

ユーザーが希望するものを入力できるようにすることをお勧めします。ただし、空欄である限り必要なフィールドを強調表示し、すべてが正しければフォームを送信しないようにしてください。

Answer 2

あなたが提案しているのはこれを行う良い方法です。 JSコードはあまり巨大ではありません。フィールドでクラス名を使用して、アクティブなクラス名を判別できます。いくつかのJS変数や隠しフィールドを返すことで、サーバ側の検証の後にアクティブになっているページを伝えることができます。

Answer 3

なぜクライアント側で値を検証しないのですか？ちょうどあなたが思ったように処理してください。 onchangeイベントハンドラを入力に設定し、ハンドラで値を検証します。正しい場合は、次の入力を有効にします。間違っていると、現在の不快感が残ります。ほんの数行のスクリプトが必要です。

Answer 4

 if(option1 == "" && option2 != "") 
     { 
      alert("Please fill options in a Sequence"); 
     } 
     else if(option2 == "" && option3 != "") 
     { 
      alert("Please fill options in a Sequence"); 
     } 
     else if(option3 == "" && option4 != "") 
     { 
      alert("Please fill options in a Sequence"); 
     } 
     else if(option4 == "" && option5 != "") 
     { 
      alert("Please fill options in a Sequence"); 
     }