javascriptを使用してtexboxに入力する際に​​値を検証する

Question

5kから10kまでのローン額の入力フィールドがあるタスクを試しています。 それはテキストボックス自体に入力する間にすべきです。 （つまり、開始番号2または3または4を番号として入力すると、アラートボックスが表示されます）。 別のテキストボックスに移動した後に、alterboxではなくそのショーを表示するようにコーディングしました。 誰でも私が何をしたのか分かりませんでしたか？ここ

<input type="text" id="loan_amt" name="loanamt" onkeyup="calemi();" onblur="rangeforloanamt(this);"/> 

function rangeforloanamt(givenval) //Customer loan form : loan amount minimum and maximum value validation 
    { 
     if(!(givenval.value >= 50000 && givenval.value <= 100000)) 
      { 
       alert("enter loan amount between 50000 and 100000"); 
       return false; 
      } 
    } 

は私のコード..ですと感謝事前

Answer 1

コールrangeforloanamt機能onkeyupイベントの代わりonblur

<input type="text" id="loan_amt" name="loanamt" onkeyup="rangeforloanamt(this)"> 

で

DEMO

Answer 2

変更この：

<input type="text" id="loan_amt" name="loanamt" onkeyup="calemi();" onblur="rangeforloanamt(this);"/> 

これに

：

<input type="text" id="loan_amt" name="loanamt" onkeyup="rangeforloanamt(this);"/> 

私はcalemi機能が何であるか知らないが、あなたがalertにあなたが入れすべてのタイプをしたい場合は、onkeyup()機能を使用する必要があります。 onblur()機能は、inputテキストボックスを外出するとトリガーします。

Answer 3

キーアップ機能を変更したくない場合は、keypressを使用することをおすすめします。 keydownイベントでは、入力したキー&を取得することができます。最初の文字が&に入力されたキーが2,3、または4であるかどうかを確認します。これを確認するにはcheckEnteredKey()と書いています。

function checkEnteredKey(field) 
 
    { 
 
     var enteredKey=parseInt(String.fromCharCode(event.keyCode || event.charCode)); 
 
     if((isNaN(enteredKey)&&(event.keyCode || event.charCode))||(field.value=='' && enteredKey > 1 && enteredKey<5)) { 
 
       alert("enter loan amount between 50000 and 100000"); 
 
       event.preventDefault(); 
 
      } 
 
    } 
 
function rangeforloanamt(field) 
 
    { 
 
     if(!(field.value >= 50000 && field.value <= 100000)) 
 
      { 
 
       alert("enter loan amount between 50000 and 100000"); 
 
       return false; 
 
      } 
 
     }

<input type="text" id="loan_amt" name="loanamt" onkeyup="calemi();" onkeypress="checkEnteredKey(this);" onblur="rangeforloanamt(this);"/>