数字のみ入力できるPHP入力フォームのご紹介
- PHPzオリジナル
- 2023-03-29 10:11:23852ブラウズ
PHP は、Web 開発でよく使用される人気のあるスクリプト言語です。 Web 開発では、フォームは対話の重要な方法です。フォームは、ユーザーがデータを入力し、そのデータをバックエンド プログラムに渡して処理するためのシンプルかつ柔軟な方法を提供します。
PHP では、フォーム入力データの処理は非常に簡単です。ただし、場合によっては、ユーザー入力データを制限する必要があります。たとえば、ユーザーに文字、スペース、記号などの他の文字ではなく、数字のみの入力を許可する必要がある場合があります。
この記事では、PHP を使用してフォームに数字のみを入力するように制御する方法を紹介します。
- HTML5 数値入力タイプの使用
HTML5 には、フォームの入力コンテンツを制限するために使用できる特別な数値タイプがあります。入力ボックスの type 属性を数値に設定すると、ユーザーに数値のみの入力を要求できます。
<input type="number" name="age" min="0" max="150">
上記のコードは、「age」という名前の数値入力ボックスを作成します。入力値は 0 ～ 150 である必要があります。
- JavaScript を使用してユーザー入力の書式を設定する
場合によっては、整数のみの入力を許可する、または入力のみを許可するなど、ユーザー入力をより厳密に制限する必要がある場合があります。小数点以下2桁まで入力できます。現時点では、JavaScript を使用してユーザーの入力をフォーマットし、入力データが要件を確実に満たすようにすることができます。
function check(event) {
var code = event.keyCode;
if ((code < 48 || code > 57) && code != 8 && code != 9 && code != 13 && code != 190 && code != 110) {
event.preventDefault();
}
}
上記のコードは、ユーザーが数字以外の文字や複数の小数点を入力できないようにする「check」という JavaScript 関数を作成します。この関数を入力ボックスの onkeypress イベントにバインドすることで、ユーザー入力を制限できます。
<input type="text" name="amount" onkeypress="check(event)">
上記のコードは、「amount」という名前のテキスト入力ボックスを作成し、JavaScript 関数「check」を入力ボックスの onkeypress イベントにバインドして、ユーザーの入力を制限します。
- PHP でのユーザー入力の検証
HTML と JavaScript ではユーザーによるコンテンツ入力を制限できますが、データの整合性と正確性を確保するために、最後に、ユーザーが PHP に入力したデータを検証する必要もあります。 PHP の多くの組み込み関数 (is_numeric()、ctype_digit() など) を使用して入力データを検証できます。
$number = $_POST['number'];
if (!is_numeric($number)) {
echo "Error! Please enter a valid number.";
}
上記のコードは、POST リクエストから「number」という名前のパラメーターを取得します。このパラメータの値が数値でない場合、エラーメッセージが出力されます。
要約すると、HTML、JavaScript、および PHP を使用して、ユーザーがフォームに入力するデータを制限できます。これらの方法により、ユーザーは数字のみを入力できるようになり、データの完全性と正確性が最大限に確保されます。
以上が数字のみ入力できるPHP入力フォームのご紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。