如何使用jQuery在文本字段中允許20-50的數字

Question

我有隻允許使用數字的文本字段。但我還有一個要求。我想在用戶輸入20以下和50以上的數字時驗證字段。我可以知道是否有任何方法可以實現此目的。下面是相同的簡單代碼。

HTML

<input type="text" name="marksdif" class="form-control" id="marksdif" onkeypress="return isNumber(event)" placeholder="Enter Marks to be Compared" autocomplete="off" > 

的jQuery

function isNumber(evt) { 
     evt = (evt) ? evt : window.event; 
     var charCode = (evt.which) ? evt.which : evt.keyCode; 
     if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
      return false; 
     } 
    return true; 
    } 

Answer 1

請與下面20和50以上，如果條件的數目。

function isNumber(evt) { 
 
     evt = (evt) ? evt : window.event; 
 
     var charCode = (evt.which) ? evt.which : evt.keyCode; 
 
     if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
 
      return false; 
 
     } 
 
    return true; 
 
    } 
 
function check(){ 
 
    var input = parseInt($('#marksdif').val()); 
 
    
 
if(input){ 
 
    if(input < 20 || input > 50) 
 
    { 
 
    $('#result').html('not Allow range between 20-50') 
 
      } 
 
else{ 
 
    $('#result').html('Allow') 
 
     } 
 
    } 
 
else{ 
 
    $('#result').html("") 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="marksdif" class="form-control" id="marksdif" onkeypress="return isNumber(event)" oninput="check()" placeholder="Enter Marks to be Compared" autocomplete="off" > 
 
<p id="result"></p>