从上一节中的验证规则中,我们看到 "Name", "E-mail" 以及 "Gender" 字段是必需的。这些字段不能为空且必须在 HTML 表单中填写。
字段 验证规则
Name 必需。必须包含字母和空格。
E-mail 必需。必须包含有效的电子邮件地址(包含 @ 和 .)。
Website 可选。如果选填,则必须包含有效的 URL。
Comment 可选。多行输入字段(文本框)。
Gender 必需。必须选择一项。
在上一节中,所有输入字段都是可选的。
在下面的代码中我们增加了一些新变量:$nameErr、$emailErr、$genderErr 以及 $websiteErr。这些错误变量会保存被请求字段的错误消息。我们还为每个 $_POST 变量添加了一个 if else 语句。这条语句检查 $_POST 变量是否为空(通过 PHP empty() 函数)。如果为空,则错误消息会存储于不同的错误变量中。如果不为空,则通过 test_input() 函数发送用户输入数据:
<?php
// 定义变量并设置为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$nameErr = "Name is required";
} else {
$name = test_input($_POST["name"]);
}
if (empty($_POST["email"])) {
$emailErr = "Email is required";
} else {
$email = test_input($_POST["email"]);
}
if (empty($_POST["website"])) {
$website = "";
} else {
$website = test_input($_POST["website"]);
}
if (empty($_POST["comment"])) {
$comment = "";
} else {
$comment = test_input($_POST["comment"]);
}
if (empty($_POST["gender"])) {
$genderErr = "Gender is required";
} else {
$gender = test_input($_POST["gender"]);
}
}
?>
PHP - 显示错误消息
在 HTML 表单中,我们在每个被请求字段后面增加了一点脚本。如果需要,会生成恰当的错误消息(如果用户未填写必填字段就试图提交表单):
实例
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
Name: <input type="text" name="name">
<span class="error">* <?php echo $nameErr;?></span>
<br><br>
E-mail:
<input type="text" name="email">
<span class="error">* <?php echo $emailErr;?></span>
<br><br>
Website:
<input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
<label>Comment: <textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
Gender:
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="male">Male
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
<!DOCTYPE HTML>
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>
<?php
// 定义变量并设置为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$nameErr = "姓名是必填的";
} else {
$name = test_input($_POST["name"]);
}
if (empty($_POST["email"])) {
$emailErr = "电邮是必填的";
} else {
$email = test_input($_POST["email"]);
}
if (empty($_POST["website"])) {
$website = "";
} else {
$website = test_input($_POST["website"]);
}
if (empty($_POST["comment"])) {
$comment = "";
} else {
$comment = test_input($_POST["comment"]);
}
if (empty($_POST["gender"])) {
$genderErr = "性别是必选的";
} else {
$gender = test_input($_POST["gender"]);
}
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
<h2>PHP 验证实例</h2>
<p><span class="error">* 必需的字段</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
姓名:<input type="text" name="name">
<span class="error">* <?php echo $nameErr;?></span>
<br><br>
电邮:<input type="text" name="email">
<span class="error">* <?php echo $emailErr;?></span>
<br><br>
网址:<input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
评论:<textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
性别:
<input type="radio" name="gender" value="female">女性
<input type="radio" name="gender" value="male">男性
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="提交">
</form>
<?php
echo "<h2>您的输入:</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
?>
</body>
</html>
PHP 验证实例
* 必需的字段
姓名: *
电邮: *
网址:
评论:
性别: 女性 男性
您的输入:
分享到:
相关推荐
在本主题“html5和css3表单必填字段美化效果”中,我们将深入探讨如何利用这两者来优化和美化网页表单中的必填字段。 首先,HTML5在表单元素上引入了新的属性,如`required`,用于标识某个字段为必填。当用户尝试...
这个名为"CSS注册表单必填验证代码.zip"的压缩包文件包含了一个使用CSS、jQuery和JavaScript实现的注册表单必填项验证的示例。这个功能对于任何需要用户注册或提供必要信息的网站都是必不可少的,因为它可以防止无效...
本文将深入探讨如何利用纯CSS3来增强表单必填项的选择功能,提升用户体验。 首先,我们要理解CSS3中的伪类选择器,它们可以用来为特定状态的元素添加样式。例如,`:hover` 用于鼠标悬停,`:focus` 用于元素获取焦点...
`jQuery Validate`是基于`jQuery`的一个插件,专门用于实现客户端的表单验证,它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例,对数字,字数,必填项等校验"这个项目中,...
本文实例讲述了微信小程序表单验证功能。分享给大家供大家参考,具体如下: Wxml <form bindsubmit="formSubmit" bindreset="formReset"> <input name="name" class="{{whoClass=='name'?'...
在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和标准,从而保证数据的准确性和安全性。本项目名为“详细表单验证”,专注于JavaScript技术来实现这一目标。JavaScript是一种广泛...
2. **非空验证**:确保必填字段不为空,这是最常见的验证需求。JS可以通过判断输入框的值是否为空或者仅包含空格来实现。 3. **长度验证**:限制用户输入的字符数,比如用户名的长度限制。JS的字符串方法如`length`...
在微信小程序中,用户交互往往涉及到表单填写,因此表单验证成为了一个关键环节,确保用户输入的数据符合预设规则,避免无效数据或错误操作。本篇文章将详细探讨微信小程序的表单验证机制,并介绍`WxValidate.js`这...
本资源" Axure移动端表单验证及登录交互.zip "正是针对这一主题,提供了深入实践的案例。 表单验证是移动应用中的常见功能,其主要目的是确保用户输入的数据符合预设规则,减少无效或错误数据的提交。例如,在登录...
自己总结的一些html5表单元素以及表单验证,希望对大家有用!!
文章中描述了如何实现一个表单中的下拉选择组件动态改变表单项的必填状态。常规的直接修改rules中required属性的方法并不奏效,因为Element-UI的表单校验规则在组件初始化后就固定了。为了解决这个问题,文章提出了...
在构建动态表单时,对于表单项的校验是一个常见的需求,例如确保某些字段是必填的或者输入的格式符合预期的规则。ng-alain中动态表单的设置允许开发者通过表单项的属性来设定必填和正则表达式校验规则,以保证数据的...
在登录注册表单中,HTML5的新特性如`<input type="email">`用于邮箱验证,`<form>`标签的`required`属性进行表单必填验证,以及离线存储和Web存储等可能被用到。 5. **响应式设计**:虽然未在标签中明确提及,但...
240行的微信小程序表单验证工具,可以快速实现必填校验、正则校验、自定义校验和异步校验。 体验Demo 简介 一个用于微信小程序的表单验证工具,用于快速表单校验,特点在于通过统一的form对象实现表单值规范管理,...
例如,可以设置必填项、电子邮件格式、数字范围等验证规则。这样,用户在填写表单时,如果输入不符合规则,插件会即时显示错误信息,而无需等待表单提交后服务器返回错误。以下是一个使用validate.js的基本配置示例...
"微信小程序实现表单校验功能" 微信小程序实现表单校验功能是小程序开发中最难实现的公共业务之一。表单校验的难点在于表单组件的多样性和校验规则的多样性,导致复杂度达到n³。解决这个问题的关键是组件化和非...
在Yii框架中,表单元素的必填项通常会通过...以上就是关于Yii框架中去除或替换表单必填项星号的方法及其相关知识点的详细说明。通过理解这些概念和技巧,开发者可以更灵活地定制表单的显示效果,以满足不同的设计需求。
extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等
Element 结合 Vue 在表单验证时有值却提示错误的解决办法 Element 是一个功能强大的前端 UI 框架,结合 Vue.js 可以快速开发复杂的 Web 应用程序。然而,在使用 Element 结合 Vue 进行表单验证时,有时可能会遇到...
这是jQuery验证的基础,通过这个类我们可以轻松地选取所有必填的表单元素进行后续的验证操作。 接下来,使用jQuery的`each()`方法来遍历所有带有`required`类的元素。`each()`方法是jQuery提供的一个迭代函数,允许...