maxlengthで数字だけを受け入れる入力フィールド

Question

<input type="number"> 

maxlengthで入力フィールドから数値を取りたい場合は8.pleaseを入力してください。

Answer 1

jqueryでこれを行うことができます。

$('input[type=number]').keypress(function() { 
     if (this.value.length >= 8) { 
      return false; 
     } 
}); 

あなたはIDまたはクラスのいずれかで'input[type=number]'を交換し、入力フィールドにIDやクラスを追加することができます。

Answer 2

HTML5は入力の最小値&を設定できます。入力の長さを最大8文字にするには、最大値を99999999に設定します。そのような要素を「無効な」値で提出すると、ブラウザはユーザーにエラーを通知し、フォームを送信させません。これは、JavaScriptがオフになっているときにも機能します。

<form> 
    <input type="number" min="0" max="99999999" step="1" value="1"> 
    <input type="submit"> 
</form>