表单验证.正则表达

1、表单验证<form></form>

(1).非空验证(去空格)

(2).对比验证(跟一个值对比)

(3).范围验证(根据一个范围进行判断)

(4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。

(5).其它验证

______________________________________________________________________________________________________________________________

2、正则表达式

用符号来描述书写规则:/ 中间写正则表达式 /

^ :匹配开头,$:匹配结尾 ; /^ve/以ve开头的 /ve$/以ve结尾

\d:一个任意的数字

\w:一个任意的数字或字母

\s:任意字符串

{n}:把左边的表达式重复n遍

{m,n}:把左边的表达式重复至少m遍,至多n遍
    {m, }:把左边的表达式重复至少m遍,,至多不限

+:左边的表达式,至少出现一次,至多不限,相当于{1,}

*:左边的表达式,至少出现0次,至多不限,相当于{0,}

?:左边的表达式,至少出现0次,至多出现1次,相当于{0,1}

[a,b,c]:只能取方括号中内容之一

[a-z]或[1-9]:在范围中取其一

|:代表或者; ():优先级; \:转义--“\( \)”这个才是要出现的小括号,需要转义

______________________________________________________________________________________________________________________________

3、事件

事件有三要素:事件源、事件数据、事件处理程序

可以加return false;是阻止默认操作

onclick: 鼠标单击触发

ondblclick: 双击触发

onmouseover: 鼠标移动上面触发

onmouseout: 鼠标离开时触发

onmousemove: 鼠标在上面移动时触发

onchange: 只要内容改变触发

onblur: 失去焦点时触发

onfocus: 获得焦点时触发

onkeydown: 按键按下的时候触发

onkeyup:按键抬起来的时候触发

onkeypress:事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。

______________________________________________________________________________________________________________________________

例子:根据正则表达式验证邮箱

   function checkemail()
   {
    var v4 = trim(u4.value);
    var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
    if(v4.match(reg) != null)
    {
        imgs4.setAttribute("src","imges/1.png");
        return true;
    }
    else
    {
        imgs4.setAttribute("src","imges/2.png");
        return false;
    }
 }

正则表达式补充:

建立正则表达式的方法:

var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);/*
RegExp()括号里面的式子需要自己定义:
1、[]里面只有一个元素
2、()里面可以写一个单词或者式子3、{}里面表示数量
4、^:以某个元素开头,写在元素前面
5、$:以某个元素结束,写在元素后面*/

 例:

1、正则表达式验证身份证:

身份证:<input type="text" id="1"  />

/*javascript部分*/

  var a= document.getElementById("1").value;
  var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);
  if(patten.test(a))
  {
      alert("输入正确");
  }
  else
  {
      alert("输入错误");
  }_________________________________________________________________________________________________________________________________________________________

 2、正则表达式验证邮箱:

邮箱:<input type="text" id="2" /><input type="button" value="提交" onclick="mail()" />

function mail()
{
    var patten2= new RegExp(/^[0-9|A-z|_]{1,17}[@][0-9|A-z]{1,3}.(com)$/)
    var mail = document.getElementById("2").value;
    if(patten2.test(mail))
      {
          alert("输入正确");
      }
    else
      {
          alert("输入错误");
      }
}

____________________________________________________________________________________________________________________________

 常用正则表达式:

匹配国内电话号码:d{3}-d{8}|d{4}-d{7} 
    评注:匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号:[1-9][0-9]{4,} 
    评注:腾讯QQ号从10000开始

匹配中国邮政编码:[1-9]d{5}(?!d) 
    评注:中国邮政编码为6位数字

匹配身份证:d{15}|d{18} 
    评注:中国的身份证为15位或18位

匹配ip地址:d+.d+.d+.d+ 
    评注:提取ip地址时有用

匹配特定数字: 
    ^[1-9]d*$      //匹配正整数 
    ^-[1-9]d*$    //匹配负整数 
    ^-?[1-9]d*$     //匹配整数 
    ^[1-9]d*|0$   //匹配非负整数(正整数 + 0) 
    ^-[1-9]d*|0$     //匹配非正整数(负整数 + 0) 
    ^[1-9]d*.d*|0.d*[1-9]d*$     //匹配正浮点数 
    ^-([1-9]d*.d*|0.d*[1-9]d*)$   //匹配负浮点数 
    ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$   //匹配浮点数 
    ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$     //匹配非负浮点数(正浮点数 + 0) 
    ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$    //匹配非正浮点数(负浮点数 + 0) 
    评注:处理大量数据时有用,具体应用时注意修正

匹配特定字符串: 
    ^[A-Za-z]+$    //匹配由26个英文字母组成的字符串 
    ^[A-Z]+$    //匹配由26个英文字母的大写组成的字符串 
    ^[a-z]+$    //匹配由26个英文字母的小写组成的字符串 
    ^[A-Za-z0-9]+$    //匹配由数字和26个英文字母组成的字符串 
    ^w+$    //匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下: 
    只能输入数字:“^[0-9]*$” 
    只能输入n位的数字:“^d{n}$” 
    只能输入至少n位数字:“^d{n,}$” 
    只能输入m-n位的数字:“^d{m,n}$” 
    只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$” 
    只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2})?$” 
    只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3})?$” 
    只能输入非零的正整数:“^+?[1-9][0-9]*$” 
    只能输入非零的负整数:“^-[1-9][0-9]*$” 
    只能输入长度为3的字符:“^.{3}$” 
    只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$” 
    只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$” 
    只能输入由26个小写英文字母组成的字符串:“^[a-z]+$” 
    只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$” 
    只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$” 
    验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间, 
    只能包含字符、数字和下划线。 
    验证是否含有^%&‘‘,;=?$"等字符:“[^%&‘‘,;=?$x22]+” 
    只能输入汉字:“^[u4e00-u9fa5],{0,}$” 
    验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$” 
    验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$” 
    验证电话号码:“^((d{3,4})|d{3,4}-)?d{7,8}$” 
    正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”, 
    “XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。 
    验证身份证号(15位或18位数字):“^d{15}|d{}18$” 
    验证一年的12个月:“^(0?[1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12” 
    验证一个月的31天:“^((0?[1-9])|((1|2)[0-9])|30|31)$” 
    正确格式为:“01”“09”和“1”“31”。 
    匹配中文字符的正则表达式: [u4e00-u9fa5] 
    匹配双字节字符(包括汉字在内):[^x00-xff] 
    匹配空行的正则表达式:n[s| ]*r 
    匹配HTML标记的正则表达式:/<(.*)>.*|<(.*) />/ 
    匹配首尾空格的正则表达式:(^s*)|(s*$) 
    匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 
    匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

时间: 2024-10-01 23:23:46

表单验证.正则表达的相关文章

正则表达式基础知识及常用表单验证正则(使用时查找为主,需多加基础方法的例子)

一.需要转义的特殊符号,也就是需要在前面添加\:!$ * + = | . ?  \  / [] {}  ^ () 二.正则表达式基本形式及方法:A:re =new RegExp(“a”,“i”);  //new出来的匹配方式B:   re=/a/i ;                            //直接量(更常用) pattern.exec(str)     //返回数组pattern.test(str)       //返回布尔值pattern.toSource(str)    

form表单验证正则

var regexEnum = { intege:"^-?[1-9]\\d*$", //整数 intege1:"^[1-9]\\d*$", //正整数 intege2:"^-[1-9]\\d*$", //负整数 num:"^([+-]?)\\d*\\.?\\d+$", //数字 num1:"^[1-9]\\d*|0$", //正数(正整数 + 0) num2:"^-[1-9]\\d*|0$&quo

laravel 表单验证 正则匹配

判断url地址 是否为正确格式 控制器中 $this -> validate($request,[ 'linkname' => 'required|max:6|min:2', 'url' => 'required', 'url' => array('regex:/(http?|ftp?):\/\/(www)\.([^\.\/]+)\.(com|cn)(\/[\w-\.\/\?\%\&\=]*)?/i'), 'order' => 'required|regex:[[0-

JavaScript 笔记(2) -- 类型转换 &amp; 正则表达 &amp; 变量提升 &amp; 表单验证

目录:  typeof, null, undefined, valueOf() 类型转换 正则表达式 错误: try, catch, throw 调试工具 变量提升 strict 严格模式 使用误区 表单 & 表单验证 JavaScript void typeof, null, undefined, valueOf() typeof:用于检测变量的数据类型,eg: typeof "John"; // 返回 string 在 JavaScript 中有 5 种不同的数据类型:st

正则得介绍和使用——表单验证

1.正则的概念 (1)js这门语言一开始诞生得目的是什么? 就是为了做表单验证.在JS未出现以前,表单的信息验证需要传输给后台,让后台做数据验证处理之后,再返回给前端页面处理的结果.在带宽有限的情况下,整个验证过程非常复杂,且耗时. 在使用JS做验证的过程中,一个简单的验证规则的实现非常的麻烦. 如:从杂乱的字符串中找数字 var str = "asd68asd687as6da78sd123123zcacas" var linshi=''; var arr=[] for(var i =

统一的表单验证(jquery+正则)

表单验证一直很繁琐,特别是大点的表单,如果每个input都去单独写验证简直要写死人,最近写了一小段js统一的验证表单内容是否正确. 使用这段代码就不再需要对每个input写格式判断,只需要将正确格式的正则表达式写在datatype里就可以了,提交表单按钮也只需要绑定checkForm函数就可以了. 大家有什么建议可以评论一下 <input type="text" datatype=“正则”/> //作者www.cumt.top //表单验证 //点击下一步事件 functi

正则 表单验证

电话号码验证 案例<fieldset> <legend>正则表单验证</legend> <form action method="post" target="_self" onsubmit="return checkform();"> <input name id="telephone" type="text" msg> <input nam

JavaScript 正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找到 "错误.jpg"  图片,自己制作一个 b.验证的判断已经完成,只需要根据自己的验证规则进行表单验证,更换自己的正则表达式. c.博主将错误提示图片插入本文档中.需要更名为  "错误.jpg",放到与html根目录下方可使用.      (错误提示图片) <!

js之正则、表单验证、dom模型

正则:规则 语法 var a=/表达式/ 输入的值要包含表达式 var a1 = new RegExp('表达式') 检索 ---表达式.test(输入的值) 返还boolean类型 正则符号 (对于多个符号进行正则,用()) ^ ---输入的值以符号后的字符为第一位 $ ---以符号前的字符为结尾 +---- 符号前的字符可以出现多个 *--- 符号前的字符可以出现任意次数 ?--- 符号前字符可以出现0次 或者1次 {n}---符号前字符必须可以出现n次 ,但是要加开始,结尾 {n,}---