この記事では、HTML と PHP を使用して基本的な Web フォームを構築および検証し、PHP を使用してコンテンツの検証を完了します。
フォームには、テキスト フィールド、ラジオ ボタン、複数選択リスト、チェックボックス、および送信ボタンが含まれます。PHP を使用してこれらを検証し、ユーザーがすべての値を入力したことを確認します。
フィールドが空の場合は、フィールドの横にエラー文字列「空にすることはできません」が出力されます。すべてのフィールドが入力されている場合は、入力された値が表示されます。
ウェブフォーム
フォーム要素
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
PHP認証
<?php
$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach ($fields as $field) {
if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
$errors[] = $field;
} else {
$values[$field] = $_POST[$field];
}
}
$errors: 検証に失敗したフォームフィールドを格納するために最初は空です
$fields: 処理するすべてのフィールド名を格納します
$optionalFields: オプションのフィールド名を格納します
$values: 最初は空です、これは提供されたフィールドとその値を含む連想配列です
送信内容にエラーがないかチェックした後、エラーがなかった場合、コードはユーザーが送信した値を非常に基本的な方法で出力します。
if (empty($errors)) {
foreach ($fields as $field) {
if ($field === "favoriteFruit") {
printf("%s: %s<br />", $field, var_export($_POST[$field], TRUE));
} else {
printf("%s: %s<br />", $field, $_POST[$field]);
}
};
exit;
}
}
エラーメッセージを表示する
<?php if (in_array('name', $errors)): ?>
<span class="error">姓名不能为空</span>
<?php endif; ?>
拡張フォームは、
ユーザーがラジオ ボタンから行った選択を記憶することもできます。
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "zero") echo "checked"; ?>
value="zero"> 0
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "one") echo "checked"; ?>
value="one"> 一种
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "two") echo "checked"; ?>
value="two"> 两种
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "twoplus") echo "checked"; ?>
value="twoplus"> 两种以上
完全な PHP 検証サンプル コード
<?php
$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach ($fields as $field) {
if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
$errors[] = $field;
} else {
$values[$field] = $_POST[$field];
}
}
if (empty($errors)) {
foreach ($fields as $field) {
if ($field === "favoriteFruit") {
printf("%s: %s<br />", $field, var_export($_POST[$field], TRUE));
} else {
printf("%s: %s<br />", $field, $_POST[$field]);
}
}
exit;
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水果世界</title>
<style type="text/css">
body {
background-color: #FAFAF9;
color: #111827;
padding: 15px;
}
h1, h2 {
margin-bottom: 10px;
}
h2 {
margin-top: 10px;
}
.wrapper {
background-color: #312E81;
color: #ffffff;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
width: 95%;
padding: 15px;
border-radius: 5px;
}
.wrapper div:last-child {
grid-column: 2;
}
label, .field-label {
padding-top: 10px;
text-align: right;
}
input {
padding: 10px 10px 10px 5px;
}
input, option {
color: #1F2937;
font-size: 1.1rem;
}
.error {
color: #FF0000;
}
</style>
</head>
<body>
<h1>天宁日记</h1>
<h2>果蔬销售调查表</h2>
<p>www.axzb.com</p>
<form class="wrapper" method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<label for="name">姓名</label>
<div>
<input type="text"
name="name"
id="name"
value="<?php echo htmlspecialchars($values['name']);?>">
<?php if (in_array('name', $errors)): ?>
<span class="error">姓名不能为空</span>
<?php endif; ?>
</div>
<label for="address">住址</label>
<div>
<input type="text"
name="address"
id="address"
value="<?php echo htmlspecialchars($values['address']);?>">
<?php if (in_array('address', $errors)): ?>
<span class="error">住址不能为空</span>
<?php endif; ?>
</div>
<label for="email">邮箱</label>
<div>
<input type="text"
name="email"
id="email"
value="<?php echo htmlspecialchars($values['email']);?>">
<?php if (in_array('email', $errors)): ?>
<span class="error">邮箱不能为空</span>
<?php endif; ?>
</div>
<div class="field-label">每日消耗的果蔬数量</div>
<div>
<label>
<input type="radio"
name="howMany"
<?php if (isset($values['howMany']) && $values['howMany'] == "zero") echo "checked"; ?>
value="zero">
0
</label>
<label>
<input type="radio"
name="howMany"
<?php if (isset($values['howMany']) && $values['howMany'] == "one") echo "checked"; ?>
value="one">
一种
</label>
<label>
<input type="radio"
name="howMany"
<?php if (isset($values['howMany']) && $values['howMany'] == "two") echo "checked"; ?>
value="two">
两种
</label>
<label>
<input type="radio"
name="howMany"
<?php if (isset($values['howMany']) && $values['howMany'] == "twoplus") echo "checked"; ?>
value="twoplus">
两种以上
</label>
<?php if (in_array('howMany', $errors)): ?>
<span class="error">数量不能为空</span>
<?php endif; ?>
</div>
<label for="favoriteFruit">我最喜欢的果蔬品种</label>
<div>
<select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple="">
<?php
$options = ["苹果", "香蕉", "李子", "石榴", "草莓", "西瓜"];
foreach ($options as $option) {
printf(
'<option value="%s" %s>%s</option>',
$option,
(in_array($option, $values['favoriteFruit'])) ? "selected" : '',
ucfirst($option)
);
}
?>
</select>
<?php if (in_array('favoriteFruit', $errors)): ?>
<span class="error">品种不能为空</span>
<?php endif; ?>
</div>
<label for="brochure">是否需要天宁日记提供的礼品</label>
<div>
<input type="checkbox"
name="brochure"
id="brochure"
<?php if (isset($values['brochure']) && $values['brochure'] == "Yes") echo "checked"; ?>
value="Yes">
</div>
<div>
<input type="submit" name="submit" value="提 交">
</div>
</form>
</body>
</html>