JavaScript的Form对象

<script language="javascript" type="text/javascript"> </script>

function regForm(){
  if(document.forms["myForm"].t1.value.length==0){
  alert("not is empty");
  return false;
 }
 return true;
}
  文本框不能为空

FORM对象的事件
事件	描述
onSubmit	在表单提交之前触发
onReset	在表单被重置之前触发
FORM对象的属性
属性	描述
elements	获取一个数组,表示该表单中包括的所有表单的集合
length	返回表单中表单域的数量
target	返回或者设置表单提交的目标
FORM对象的方法
submit	提交表单
reset	恢复表单域到初始值

1.引用表单域
(1)var element=theForm.elements[index];
(2)var element=theForm.elements["elementName"]; 例:

function countNum(){
 var count=0;
 for(var i=0;i<document.forms[1].elements.length;i++){
  if("checkbox"==document.forms[1].elements[i].type){
   count++;
  }
 }
 alert("checkbox count is "+count);
}
1 2 3 4 5

表单域的通用属性

1. disabled属性
设置表单域为不可用或可用. ,用法:
element.disabled=true;//禁用表单元素

表单域的通用方法

1. focus()表单域获得焦点.
2. blur()表单域失去焦点,和focus()相对应的方法.
3. handleEvent(event)处理事件.
例:如果希望单击按钮时也触发某个文本框的click事件.(仅在Netscape中使用)

表单域的通用事件

1. onfocus和onblur事件
例:另一个只读文本框.

2.键盘事件
(1)onkeydown:在键盘有键被按下时触发。
(2)onkeyup:在键盘有键松开时触发。
(3)onkeypress:在键盘有键弹起时触发。
例：文本框中只能输入数字.
function checkNum(e){
 if(e.value=="")
  return;
 //使用正则表达式捕获已经输入字符串开头的数字部分
 /^([0-9]*)/.exec(e.value);
 //如果输入了无效内容，则删除无效部分
 if(e.value!=RegExp.$1)
  e.value=RegExp.$1; 
}
<script language="javascript" type="text/javascript"> </script>
3.鼠标动作
(1)onmouseover:鼠标光标移上目标对象。
(2)onmouseout:鼠标光标移出目标对象。
(3)onmousedown:鼠标按键被按下。
(4)onmouseup:鼠标按键松开。
例：改变背景色以突出显示。

鼠标光标移上

改变背景色

4. onchange事件
在表单域的值发生变化时触发onchange事件。

获取和设置文本域的内容
例：求和
function getSum(){
 //获取表单对象
 var theForm=document.forms["myForm2"];
 //计算和，并赋值给第3个文本框
 theForm.elements["sum"].value=eval(theForm.elements["x"].value)+eval(theForm.elements["y"].value);
}
+ =
5. 使用select方法选中文本
在单击文本框时内容会自动选中。
例：

6. onselect事件
当用户用鼠标或键盘选中文本框中的一段文本时，会触发onselect事件。