表单验证技术

                                                         --------------------2014.03.05-----------------
一、JavaScript表单验证
1)JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证

被JavaScript验证的这些典型的表单数据有:
·用户是否已填写表单中的必填项目?
·用户输入的邮件地址是否合法?
·用户是否已输入合法的日期?
·用户是否在数据域中输入了文本?

二、String对象
1)var语句
  var newstr = "这是我的字符串"

2)创建String对象
·var newstr = new String("这是我的字符串")
·调用方法和属性

3)调用方法和属性
·字符串对象.属性名
·字符串对象.方法名

4)String对象常用的属性和方法
·length:获取字符串字符的个数
·indexOf("子字符串",起始位置):查找字符串的位置
·charAt(index):获取位于指定索引位置的字符
·substring(index1,index2):求子串
·toLowerCase():将字符串转换成小写
·toUpperCase():将字符串转换成大写

三、文本控件
1)属性:value(设置或获取文本框的值)

2)方法:focus(获得焦点)
        select():选中文本内容,突出显示输入区域
 
3)onFocus:光标进入某个文本框脚本运行
  onBlur:文本框失去焦点脚本运行
  onKeyPress:当一个键按下并释放时去触发一个事件

四、问题
1)为什么需要表单验证?
 答:JavaScript在数据送往服务器之前对HTML表单中的这些输入数据进行验证,
   以减轻服务端的压力

2)常用的表单验证主要包括哪些内容?
答:(见笔记)

 
3)简述表单验证的大致思路?
答:1、获取表单元素的值(String类型),然后进行判断
   2、触发表单(form)的提交事件(onSubmit)

4)简要说明文本框对象的常用属性、方法和事件?
答:(见笔记)

5)表单验证中常见的错误有哪些?
答:1、提交按钮type = "button"
   2、重置按钮type = "button"
   3、使用onsubmit作为提交按钮的事件