htmlフォーム要素の入力を制限する

私はテキストボックスを含むフォームを持っています。私は、テキストボックスに3つの数字、すなわち1、3、または6だけを受け入れるようにしたいと思います。どのようにしてクライアント側でそのような検証を適用できますか？htmlフォーム要素の入力を制限する

<input type="number" name="NumberOfDays" min="1" />

あなたは正規表現を使用して試すことができます。 –

@PraveenKumar表現を助けてもらえますか？ –

答えをご覧ください。 1または3または6以外の形式でフォームを提出してください。 –

入力を検証することができます。入力は1または3または6以外は受け入れません。いくつかの価値を追加して提出してみてください。 patternを使用している場合は、type="number"を削除してください。

<form> 
 
    <input pattern="[1|3|6]{1}" name="NumberOfDays" min="1" /> 
 
    <input type="submit" /> 
 
</form>

2017-09-23 10:37:42

"5"を入力するとクロム60にエラーが表示されません！ – Nisarg

@NisargShah今すぐお試しください。それは 'type =" number "'を持つためでした。 –

うまく動作します！実際にはきれいです。私は 'keydown'と' preventDefault'を組み合わせて考えていました。 – Nisarg

答えて