JS表单编程

setTimeout/setInterval
setTimeout（代码，时间（毫秒））
在指定的时间后，调用代码，执行一次
setInterval（代码，时间（毫秒））
周期性的调用代码，直到窗口被关闭或调用clearInterval()方法
clearInterval方法传参是传的setInterval返回的一个下标
对form元素进行脚本编写
获取表单元素
var frm = document.getElementById(“form1”);//dom
var frm = document.forms[0]; //bom
var frm = document.forms[“form1”];//对IE是通过name值获得，对firefox是通过ID获得
对form元素进行脚本编写
表单提交
//提交按钮
//提交图片
doucment.forms[“form1”].submit(); //使用js提交
提交表单时，会触发表单的submit事件，在onsubmit中返回false可以阻止表单提交。
使用submit()方法提交表单，不会触发submit事件。
2016年8月18日
9:46
对form元素进行脚本编写
表单重置
//重置按钮
表单重置时，会触发表单的reset事件，在onreset中返回false可以阻止表单重置。
使用reset()方法重置表单，但仍会触发reset事件。
非隐藏表单字段的共有属性和方法
非隐藏表单字段的共有属性和方法
disabled:是否可用，当设置为不可用时，表单的值不会随表单提交，后面的true和false需要使用一个字符串的形式传过去。eg：disabled = “true”；
readOnly:只读。当设置之后，表单的内容不可改变，表单的值会随表单提交。只能用于文本框
form:得到表单
blur():使表单域失去焦点。
focus():使表单得到焦点。
blur事件：失去焦点时触发，并调用onblur()函数。
focus事件：得到焦点时触发，并调用onfocus()函数。
对文本框进行脚本编写
单行文本框text和多行文本框textarea
value属性得到或设置文本内容。
value.length可以得到文本长度。
选择文本框
select()：选择文本内容。
文本框事件
blur,focus事件
change事件:用户改变文本框的值，当不改变文本框的值时，不会触发onchange事件，并失去焦点后触发。注意和blur事件的区别
select事件：文本被选中，或select()被调用时触发。
实现自动选择文本
onfocus = “this.select();”
对列表框和组合框进行脚本编写
访问选项
listbox.options[0].firstChild.nodeValue;//取得选项文本
listbox.options[0].getAttribute(“value”);//取得选项值
listbox.options[0].text;//获得文本
listbox.options[0].value;//获得值
listbox.options.length;//获取选项数量
listbox.selected; //选项是否被选中
listbox. selectedIndex;
获得选择的序号，未选返回-1
multiple=multiple设为多选时，获得第1个。

对复选框和单选框进行脚本编写
checked属性:是否被选中
defaultChecked属性：默认是否被选中，却判断默认选项是否被选中，选中就true，否则就false
click():模仿点击，会触发click事件，改变选择状态。
对于复选框，可以进行进行遍历操作。
表单验证
一个常用的功能，能有效降低服务器负担。
捕获错误的时机
错误发生前
keyPress事件
错误发生时
change事件
错误发生后
submit事件
表单验证最佳实践
提示应对用户有帮助
不要用alert()
长度验证时使用maxLength比用js验证更好。
一次显示所有错误
早点捕获错误
如果拿不准较验规则，就不要太严格。
正则表达式RegExp
用法：var reg = /\d;，另一种用法是知己new出他的对象
\w 任何单字字符，等价于[a-zA-Z0-9]
\W任何非单字字符，等价于[^a-zA-Z0-9]
\s任何空白符，等价于[\t\n\r\f\v]
\S任何非空白符，等价于[^\t\n\r\f\v]
\d任何数字，等价于[0-9]
\D除了数字之外的任何字符，等价于[^0-9]