HTML 表单和验证事件

HTML 表单和验证事件

 

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：事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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;        } }