Textbox Проверка по длине цифры

Question

Ниже мой взгляд страницы,

<table class="width_full cellspace" border="0" cellspacing="0" cellpadding="0" style="vertical-align:top"> 
    <tr> 
     <td colspan="3"> 
      <strong>@Html.Label(Model.objTRSkillGradeLabelEntities.lblBPBlockedfor)</strong> 
     </td> 
    </tr> 
    <tr style="font:11px/20px Arial, Helvetica, sans-serif"> 
     <td style="width: 33%;"> 
      AccountId 
      <span class="redFont">*</span> : 
      <input type="text" id="txtBlkAccountId" /> 
      <label id="lblAccountId" class="error"> </label> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="3" class="textCenter"> 
      <input class="btnInput" type="submit" value=@Model.objTRSkillGradeLabelEntities.btnBPSubmit onclick="javascript:UpdateTRData();" /> 
     </td> 
    </tr> 
</table> 

function UpdateTRData() { 
    var errorflag; 
    document.getElementById('lblAccountId').innerText = ""; 

    var BlkAccountIdV = $('#txtBlkAccountId').val(); 
    if (BlkAccountIdV == "" || BlkAccountIdV == null) {    
     document.getElementById('lblAccountId').innerText = "Enter AccountID"; 
     errorflag=1; 
    } 

    var txtLength = $("#txtBlkAccountId").val().length; 
    if (txtLength != 7) { 
     document.getElementById('lblAccountId').innerText = "Enter valid AccountID"; 
     errorflag = 1; 
    } 

    var i; 
    s = txtLength.toString(); 
    for (i = 0; i < s.length; i++) { 
     var c = s.charAt(i); 
     if (isNaN(c)) { 
      document.getElementById('lblAccountId').innerText = "Enter valid AccountID"; 
      errorflag = 1; 
     } 
    } 

    if (errorflag == 1) { 
     return false; 
    } 

    var AssociateID = $('#lblAssoID').text();  
    var BlkAccountId = $('#txtBlkAccountId').val(); 

    $.ajax({      
     url:"@Url.Action("UpdateBlockDetails", "TravelReady")",    
     data:{    
      strAssociateID: AssociateID,   
      strBlkAccountId: BlkAccountId 
     }, 
     dataType: "json", 
     type: "POST", 
     error: function(e) { 
      alert(e.getException().getMessage()); 
      alert("An error occurred."); 
     }, 
     success: function(data) { return data; } 
    }); 
} 

Я Удостоверенная текстовое поле Id счета принимать только 7 цифр. Эта проверка будет работать после нажатия кнопки. Мне нужно дать еще одну проверку, например, не может ввести более 20 номеров. То есть, если я введу 21-значное поле предупреждения, должно отображаться. Как выполнить эту проверку с помощью jQuery?

Answer 1

Вы можете использовать текстовое поле maxlength.

<input type="text" name="txtBlkAccountId" maxlength="20"> 

ИЛИ

Вы можете использовать JS:

$("#txtBlkAccountId").on('keypress',function(){ 
    if($(this).val().length>20){ 
     alert("error message"); 
     return false; 
     } 
}); 

DEMO

Answer 2

вы можете использовать

<input type="text" id="txtBlkAccountId" maxlength="20" />