HTML - 同じ入力のテキストと数値のサイズ制限

Question

このコードは入力領域に制限を入れます。

<input type="text" name="myinput" maxlength="10"> 

このコードはテキストのみで動作します。

入力：私は、テキスト

成功例えばint型とmax 6のために最大4を追加することができない1234abcde

：

入力：123456789
入力をabdc123d
入力：dasdsadsa

Answer 1

ここで私はたとえば、.badクラスを追加する例です。

その後、...などの保存に.badのクラスにそのオプションを持っているdoesntの

$('input').on('input', function() { 
 
    var $t = $(this), 
 
     val = $t.val(), 
 
     wantlen = 6; 
 
    if (parseInt(val).toString() === val) { 
 
    wantlen = 4;  
 
    } 
 
    
 
    $t.toggleClass('bad', val.length > wantlen); 
 
});

input { 
 
    background-color: lightgreen; 
 
} 
 

 
.bad { 
 
    background-color: pink; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text"> <br/> 
 

 
<input type="text">