js--5.事件-9.表单事件

1      表单事件

1.1  获得焦点与失去焦点事件

获得焦点事件（onfocus）是当某个元素获得焦点时触发事件处理程序。失去焦点事件（onblur）是当前元素失去焦点时触发事件处理程序。在一般情况下，这两个事件是同时使用的。

 

1.2  失去焦点修改事件

    失去焦点修改事件（onchange）是当前元素失去焦点并且元素的内容发生改变时触发事件处理程序。该事件一般在下拉文本框中使用。

 

1.3  表单提交与重置事件

表单提交事件（onsubmit）是在用户提交表单时（通常使用“提交”按钮，也就是将按钮的type属性设为submit），在表单提交之前被触发，因此，该事件的处理程序通过返回false值来阻止表单的提交。该事件可以用来验证表单输入项的正确性。

表单重置事件（onreset）与表单提交事件的处理过程相同，该事件只是将表单中的各元素的值设置为原始值。一般用于清空表单中的文本框。

下面给出这两个事件的使用格式：

<form name="formname"onReset="return Funname" onsubmit="return Funname "></form>

p  formname：表单名称。

p  Funname：函数名或执行语句，如果是函数名，在该函数中必须有布尔型的返回值。

注意：

    如果在onsubmit和onreset事件中调用的是自定义函数名，那么，必须在函数名的前面加return语句，否则，不论在函数中返回的是true，还是false，当前事件所返回的值一律是true值。