学习W3CSCHOOL 表单验证

 1 //表单学习笔记
 2 //建立一张表单的验证
 3 <!DOCTYPE html>
 4 <html>
 5 <head>
 6     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
 7     <title>表单验证</title>
 8 </head>
 9 <body>
10 <?php
11 //创建一个检查函数
12
13
14 function test_input($data){
15     $data=trim($data);
16     $data=stripslashes($data);
17     $data=htmlspecialchars($data);
18     return $data;
19 }
20 if(!empty($_POST[‘submit‘])){
21 // 定义变量并设置为空值
22 $nameErr = $emailErr = $genderErr = $websiteErr = "";
23 $name = $email = $gender = $comment = $website = "";
24
25 if ($_SERVER["REQUEST_METHOD"] == "POST") {
26   if (empty($_POST["name"])) {
27     $nameErr = "Name is required";
28   } else {
29     $name = test_input($_POST["name"]);
30   }
31   if(!preg_match("/^[a-zA-Z ]*$/", $name)){
32        $nameErr="只允许字母和空格!";
33     }
34
35   if (empty($_POST["email"])) {
36     $emailErr = "Email is required";
37   } else {
38     $email = test_input($_POST["email"]);
39   }
40   if(!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)){
41         $emailErr = "无效的 email 格式!";
42     }
43
44   if (empty($_POST["website"])) {
45     $website = "";
46   } else {
47     $website = test_input($_POST["website"]);
48   }
49   if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%
50 =~_|]/i",$website)) {
51         $websiteErr = "无效的 URL";
52     }
53
54   if (empty($_POST["comment"])) {
55     $comment = "";
56   } else {
57     $comment = test_input($_POST["comment"]);
58   }
59
60   if (empty($_POST["gender"])) {
61     $genderErr = "Gender is required";
62   } else {
63     $gender = test_input($_POST["gender"]);
64   }
65 }
66 }
67 ?>
68
69 <h2>PHP表单验证</h2>
70 <p style="color:#ff0000">*必填字段</p>
71 <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]) ?>">
72 <p>姓名:<input type="text" name="name"><span style="color:#ff0000">*</span><?php echo $nameErr?></p>
73 <p>邮箱:<input type="text" name="email"><span style="color:#ff0000">*</span><?php echo $emailErr?></p>
74 <p>网址:<input type="text" name="website"><?php echo $websiteErr?></p>
75 <p>评论:<textarea name="comment" rows="5" cols="40"></textarea></p>
76 <p>性别:<input type="radio" name="gender" value="female">女性<input type="radio" name="gender" value="male">男性<span style="color:#ff0000">*</span><?php echo $genderErr?></p>
77 <p><input type="submit" name="submit" value="提交"></p>
78 </form>
79 <h2>您的输入:</h2>
80
81
82 </body>
83 </html>
时间: 2025-01-17 22:43:11

学习W3CSCHOOL 表单验证的相关文章

[jQuery学习系列五 ]5-Jquery学习五-表单验证

前言最近总是有一个感觉,虽然这些东西都自己学习并一个案例一个案例的去验证过了.但是总觉得不写成博客记录下来这些都不是自己的东西(心理作用,哈哈).所以每当学习或者复习相关的知识我都喜欢记录下来,下面开始到jQuery的表单验证.这里的表单验证都是最简单最基础的方式去完成,当然jQuery还有一些比较好的验证框架,这里就不提及了. 一,字段验证:1.1 字段非空 <form action="" method="post" id ="myform&quo

吴裕雄--天生自然 JAVASCRIPT开发学习: 表单验证

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function validateForm(){ var x=document.forms["myForm"]["fname"

jQuery学习之路(8)- 表单验证插件-Validation

▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言.该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维

jQuery学习之:Validation表单验证插件

http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每个人都能够有所掌握,慢慢会用.于是,自己便开始学习…… 由于Struts2自己早就学过,因而不需要花多少时间.而AJAX之前没怎么用过.现在AJAX框架如此之多,选择哪一个呢?开始打算选择 dojo,但是看了一点后,发现蛮复杂的.在之前有学过一点点jQuery,而网上也说jQuery很强大而且很容易

【js类库AngularJs】学习angularJs的指令(包括常见表单验证,隐藏等功能)

[js类库AngularJs]学习angularJs的指令(包括常见表单验证,隐藏等功能) AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的 是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入.等等. 参考资料: angularjs中文网:http://www.apjs.net/ angularjs官网:http://angula

bootstrap学习起步篇:初识bootstrap之表单验证(二)

学习bootstrap是个过程,它提供给我们的文档上有很详细的说明.包括常用的栅栏布局.页面元素等,这里就不啰嗦了,今天,我就来说下结合jquery的表单验证. 最开始不借助插件,我们需要自己去编写验证规则.使用jquery验证,能让我们省去一些功夫. 首先我们需要引入js文件:jquery.validate.js:另外为了能使用它的样式,我们需另外引入screen.css.当然,如果要使用bootstrap,还是要引入其所需的文件的. 下面,我们需要一个表单: <form class="

Yii学习笔记之四(表单验证 api 翻译)

1.表单验证 对于用户输入的所有数据,你不能信任,必须加以验证. 所有框架如此,对于yii 可以使用函数 yii\base\Model::validate()  进行验证 他会返回boolean值的 true /false 如果验证未通过,可以使用 yii\base\Model::$errors 属性进行处理,如下代码: <?php //加载表单模型(绝对地址方式) /*如果上面引入 use app\models\ContactForm; 则可以直接使用 $model = new Contact

【jQuery基础学习】06 jQuery表单验证插件-Validation

jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等19类内置验证规则 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息提示,并提供了自定义覆盖默认提示信息的功能 实时验证:可以通过keyup或者blur事件触发验证,而不仅仅在表单提交的时候验证 使用方法: 引用jQuery库和Validation插件 <script

AngularJS学习笔记(二) 表单验证案例(ng-repeat/filter)

这一节相对来说需要理解的东西不是太多,记住了那些api就行了. 还是一个案例(同样来自miaov),一个表单验证,先上代码,然后再对对应的内容进行解释. <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> </head>