入力フィールド - 私は入力フィールドを使用して再作成し、この上に示した設計にしたい1桁に

-1

を制限します。ただし、ユーザーはボックスごとに1つの数字しか入力できません。入力ボックスごとに1桁しか入力しないようにするには、どうすればよいですか。提案してください。

2017-02-06 Sijo Jose

を[0] [1]〜[9] [5] [3] [5]これは私が結果は –

見えるようにする方法であるあなたは何をすべきか、あなたのコードを提供していただけますこれまでのところ、あなたはどのアイデアを持っていますか？また、http://stackoverflow.com/help/how-to-askを確認してください – Armin

あなたが値をチェックするfocusout jqueryのスクリプトを使用することができます9.

$(document).ready(function() { 
 
    $('input').focusout(function() { 
 
    var max = $(this).val(); 
 
    if (max > 9) { 
 
     $(this).val("9"); 
 
     alert("Maximum is 9"); 
 
    } 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" max="9" Min="0" /> 
 
<input type="number" max="9" Min="0" /> 
 
<input type="number" max="9" Min="0" />

出典

2017-02-06 12:39:12 jbutler483

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
</head> 
 
<body> 
 
\t \t <form> 
 
\t \t \t <input type="number" name="abc" min="0" max="9"> 
 
\t \t </form> 
 
</body> 
 
</html>

出典

2017-02-06 12:39:44

タイプをテキストとして設定することによる唯一の小さな問題は、文字と記号も使用できることです。 – jbutler483

MAXLENGTHとパターンを使用してより大きくありません1つの番号のみを許可する

<input type="text" maxlength="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');" />

出典

2017-02-06 12:41:16

タイプをテキストとして設定することによる唯一の小さな問題は、文字と記号も使用できることです。 – jbutler483

はい、私はちょっと変わった、コメントのためにthx; D –

あなたの助けを借りてくれてありがとう.. –

私は、番号入力タイプを使用し、最大と最小を使用します。だから、これは動作するはずです：

<input type="number" min="0" max="9" step="1">

出典

2017-02-06 12:42:45

入力フィールド - 私は入力フィールドを使用して再作成し、この上に示した設計にしたい1桁に

答えて

関連する問題