テキストボックスのユーザータイプとしてユーザー入力を制限するにはどうすればよいですか?
たとえば、数字のみを受け入れ、数字以外の文字を入力している限り、ユーザー入力を無視したいとします。それで、
- ユーザーが無効な文字を入力した場合、既存の値を保持する必要があります
- 他の入力変更の場合(つまり、入力、コピー、貼り付けなど)を処理できる必要があります。
ありがとう!!!ロバート
テキストボックスのユーザータイプとしてユーザー入力を制限するにはどうすればよいですか?
たとえば、数字のみを受け入れ、数字以外の文字を入力している限り、ユーザー入力を無視したいとします。それで、
ありがとう!!!ロバート
テキストボックスでonKeyPress()イベントを使用すると、ユーザー入力がフェッチされ、必要に応じて処理されます。
コピーと貼り付けのシナリオを処理するには、onChange()イベント処理を介して処理できます。
フォームのonsubmit
イベントを使用して、JavaScriptでフォームを検証できます。
<form enctype="application/x-www-form-urlencoded" method="post" onsubmit="validate(this);">
<input type="text" name="number" />
<input type="submit" name="submit" value="send" />
</form>
残っているのは検証だけです。
function validate(form) {
if(isNaN(form.number.value)) {
alert('not a number!');
return false;
}
}
問題は、javascriptがクライアント側で実行されることです。つまり、人々はこれを簡単に回避できるため、どちらの方法でもサーバー側を確認する必要があります。
視聴者が最新のブラウザを使用していることが確実な場合は、HTML5要素を使用することもできます<input type="number" />
。ただし、これもクライアント側であり、サーバー側を確認する必要があります。