表单校验

                           表单校验和正则表达式

表单作为客户端向服务器端提交数据的主要载体

注意：在web编程中，必须对web应用的前后端同时校验

1.防止提交过程中黑客对表单的更改

2.防止某些浏览器对jvascript不支持，而无法完成前端表单校验

使用js进行表单验证

 <script type="text/javascript">
     function checkName(){
         //名字和姓氏均不能为空，并且不能有数字
         var name = $("#fname").val();
         if (name == "") {
             alert("姓名不能为空！");
             return false;
         }
         for (var i = 0; i < name.length; i++) {
             var j = name.substring(i, i + 1);
             if (isNaN(j) == false) {
                 alert("姓名中不能有数字！");
                 return false;
             }
         }
     }

     function checklnaem() {
         var lname = $("#lname").val();
         if (lname == "") {
             alert("姓氏不能为空！");
             return false;
         }
         for (var i = 0; i < lname.length; i++) {
             var j = lname.substring(i, i + 1);
             if (isNaN(j) == false) {
                 alert("姓氏中不能有数字！");
                 return false;
             }
         }
     }
     function checkpwd() {
         //密码不能少于6位
         var pwd = $("#pass").val();
         if (pwd.length < 6) {
             alert("密码不能少于6位！");
             return false;
         } 
     }
     function checkrepwd() {
         var pwd = $("#pass").val();
         if (pwd!= $("#rpass").val()) {
             alert("两次输入的密码必须相同！");
             return false;
         }
     }
     function checkEmail() {
         //验证电子邮箱不能为空
         var email = $("#email").val();
         if (email == "") {
             alert("电子邮箱并不能为空！");
             return false;
         }
         //电子邮箱中必须含有符号"@"和"."
         if (email.indexOf("@") == -1) {
             alert("电子邮箱不合法\n必须包含@");
             return false;
         }
         if (email.indexOf(".") == -1) {
             alert("电子邮箱不合法\n必须包含.");
             return false;
         }
     }
     
     $(function () {
         $("#email").blur(checkEmail);
         $("#pass").blur(checkpwd);
         $("#rpass").blur(checkrepwd);
         $("#fname").blur(checkName);
         $("#lname").blur(checklnaem);
     });
</script>

二、正则表达式

正则表达式是一个描述字符模式的对象，它是由一些特殊的符号组成的

RegExp对象是Regular Expression（正则表达式）的缩写，它是对字符串执行模式匹配的强大工具

1.定义正则表达式

（1）普通方式

（2）构造函数的方式

 

  ----------普通方式

 语法：  

var  reg=/表达式/附加参数

附加参数：用来扩展表达式的含义，主要有一下3个参数

g：代表可以进行全局匹配

i：代表不区分大小写匹配

m:代表可以进行多行匹配

上面的三个参数可以任意组合，代表复合含义，当然也可以不加参数。

--------------------------构造函数的方式

语法：

var reg=new RegExp（“表达式”，“附加参数”）；

表达式的模式

简单模式和复合模式

 

 

下面例子驱动讲解

元字符

假设你在一篇英文小说里查找hi，你可以使用正则表达式hi。

4不幸的是，很多单词里包含hi这两个连续的字符，比如him,history,high等等。用hi来查找的话，这里边的hi也会被找出来。如果要精确地查找hi这个单词的话，我们应该使用\bhi\b。

\b是正则表达式规定的一个特殊代码（好吧，某些人叫它元字符，metacharacter），代表着单词的开头或结尾，也就是单词的分界处。虽然通常英文的单词是由空格，标点符号或者换行来分隔的，但是\b并不匹配这些单词分隔字符中的任何一个，它只匹配一个位置。

如果需要更精确的说法，\b匹配这样的位置：它的前一个字符和后一个字符不全是(一个是,一个不是或不存在)\w。

\s匹配任意的空白符，包括空格，制表符(Tab)，换行符，中文全角空格等

\w匹配字母或数字或下划线或汉字等

 

字符转义

如果你想查找元字符本身的话，比如你查找.,或者*,就出现了问题：你没办法指定它们，因为它们会被解释成别的意思。这时你就得使用\来取消这些字符的特殊意义。因此，你应该使用\.和\*。当然，要查找\本身，你也得用\\.

例如：deerchao\.net匹配deerchao.net，C:\\Windows匹配C:\Windows。

 

重复

 

 

字符类

要想查找数字，字母或数字，空白是很简单的，因为已经有了对应这些字符集合的元字符，但是如果你想匹配没有预定义元字符的字符集合(比如元音字母a,e,i,o,u),应该怎么办？

很简单，你只需要在方括号里列出它们就行了，像[aeiou]就匹配任何一个英文元音字母，[.?!]匹配标点符号(.或?或!)。

我们也可以轻松地指定一个字符范围，像[0-9]代表的含意与\d就是完全一致的：一位数字；同理[a-z0-9A-Z_]也完全等同于\w（如果只考虑英文的话）。

下面是一个更复杂的表达式：\(?0\d{2}[) -]?\d{8}。

“(”和“)”也是元字符，后面的分组节里会提到，所以在这里需要使用转义。

这个表达式可以匹配几种格式的电话号码，像(010)88886666，或022-22334455，或02912345678等。我们对它进行一些分析吧：首先是一个转义字符\(,它能出现0次或1次(?),然后是一个0，后面跟着2个数字(\d{2})，然后是)或-或空格中的一个，它出现1次或不出现(?)，最后是8个数字(\d{8})。

 

分支条件

不幸的是，刚才那个表达式也能匹配010)12345678或(022-87654321这样的“不正确”的格式。要解决这个问题，我们需要用到分支条件。正则表达式里的分支条件指的是有几种规则，如果满足其中任意一种规则都应该当成匹配，具体方法是用|把不同的规则分隔开。听不明白？没关系，看例子：

0\d{2}-\d{8}|0\d{3}-\d{7}这个表达式能匹配两种以连字号分隔的电话号码：一种是三位区号，8位本地号(如010-12345678)，一种是4位区号，7位本地号(0376-2233445)。

\(0\d{2}\)[- ]?\d{8}|0\d{2}[- ]?\d{8}这个表达式匹配3位区号的电话号码，其中区号可以用小括号括起来，也可以不用，区号与本地号间可以用连字号或空格间隔，也可以没有间隔。你可以试试用分支条件把这个表达式扩展成也支持4位区号的。

\d{5}-\d{4}|\d{5}这个表达式用于匹配美国的邮政编码。美国邮编的规则是5位数字，或者用连字号间隔的9位数字。之所以要给出这个例子是因为它能说明一个问题：使用分支条件时，要注意各个条件的顺序。如果你把它改成\d{5}|\d{5}-\d{4}的话，那么就只会匹配5位的邮编(以及9位邮编的前5位)。原因是匹配分支条件时，将会从左到右地测试每个条件，如果满足了某个分支的话，就不会去再管其它的条件了。

 

分组

我们已经提到了怎么重复单个字符（直接在字符后面加上限定符就行了）；但如果想要重复多个字符又该怎么办？你可以用小括号来指定子表达式(也叫做分组)，然后你就可以指定这个子表达式的重复次数了，你也可以对子表达式进行其它一些操作(后面会有介绍)。

(\d{1,3}\.){3}\d{1,3}是一个简单的IP地址匹配表达式。要理解这个表达式，请按下列顺序分析它：\d{1,3}匹配1到3位的数字，(\d{1,3}\.){3}匹配三位数字加上一个英文句号(这个整体也就是这个分组)重复3次，最后再加上一个一到三位的数字(\d{1,3})。

IP地址中每个数字都不能大于255

不幸的是，它也将匹配256.300.888.999这种不可能存在的IP地址。如果能使用算术比较的话，或许能简单地解决这个问题，但是正则表达式中并不提供关于数学的任何功能，所以只能使用冗长的分组，选择，字符类来描述一个正确的IP地址：((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)。

理解这个表达式的关键是理解2[0-4]\d|25[0-5]|[01]?\d\d?，这里我就不细说了，你自己应该能分析得出来它的意义。

 

反义

有时需要查找不属于某个能简单定义的字符类的字符。比如想查找除了数字以外，其它任意字符都行的情况，这时需要用到反义：

表3.常用的反义代码

代码/语法	说明
\W	匹配任意不是字母，数字，下划线，汉字的字符
\S	匹配任意不是空白符的字符
\D	匹配任意非数字的字符
\B	匹配不是单词开头或结束的位置
[^x]	匹配除了x以外的任意字符
[^aeiou]	匹配除了aeiou这几个字母以外的任意字符

例子：\S+匹配不包含空白符的字符串。

<a[^>]+>匹配用尖括号括起来的以a开头的字符串。