javascript - jspで使用可能なすべてのテキストフィールドのうち1つだけにデータを入力するようにユーザーを制限する

Question

Rs。5 Rs.10 Rs.20 Rs.50 Rs.100 Rs.500 Rs.1000

表の行には、上記のように7つのテキストフィールドがあります。要件は、表示された7つのテキストフィールドの1つだけにデータを入力するようにユーザーを制限する必要があることです。を使用して繰り返されたそのような行が複数あることに注意してlogic:iterateください。

検証用のコードを共有してください。

Answer 1

あなたは完全な詳細を提供していないので、私はそれを Web アプリケーションと考えています。それが Web アプリケーションでない場合、同様のロジックはどのような技術でも実装できます。

1. TextField 1 onFocus="validate()"
2. TextField 2 onFocus="validate()"
3. TextField 3 onFocus="validate()"
4. TextField 4 onFocus="validate()"
5. TextField 5 onFocus="validate()"
-----

function validate(){

var a1 = document.getElementById("textField1");
var a2 = document.getElementById("textField2");
var a3 = document.getElementById("textField3");
var a4 = document.getElementById("textField4");
var a5 = document.getElementById("textField5");

if(a1.trim() == ''){
  //hide all textFields other then textField1
}

if(a2.trim() == ''){
  //hide all textFields other then textField2
}


}

これは、テキストフィールドの数が固定されており、数が少ない場合に実行できる1つの方法です。それ以上の場合は、何らかの動的ロジックが必要になります。

また、動的なものについては、validate(this) 呼び出しで id を渡し、単純にそれを保持して関数内の他のものを非表示にすることができます。

私はあなたの反復的なものを逃しました、

その場合、行IDを渡して関数を検証し、関数でforループを7回実行して、同様に、指定された行IDで終わるIDを持つすべてのテキストフィールドを非表示にします(これは、テキストフィールドにIDを指定したロジックに依存します) .)