JavaScript表单验证的相关事件

1．  表单元素：

a)         Input标签：文本框(text)—密码框（password）—单选—复选框—文件—图像—隐藏—按钮—提交—重置，表单元素都在input标签

b)         文本框元素：将 HTML 的 INPUT 标签中的 type 设置为“text”或“password”，以创建文本框元素

                         i.              属性：readonly、value、name

                       ii.              方法：focus（），select（），选中文本内容，突出显示输入区域

                      iii.              事件：

1. 1.         onBlur文本框失去焦点
2. 2.         onChange文本框的值被修改
3. 3.         onFocus光标进入文本框中

c)         命令按钮元素：将 HTML 的 INPUT 标签中的 type 设置为“button”或“submit”或”reset“，创建普通按钮、提交按钮、重置按钮。

                         i.              属性：name，value

                       ii.              事件：

1. onClick 按钮单击
2. 2.         onSubmit  表单提交事件，单击“提交”按钮时产生，此事件属于<FORM>元素，不属于提交按钮

• onSubmit事件处理代码：<FORM  onSubmit=”return 调用函数名”>…</FORM>如果函数返回true，则向远程服务器提交表单； 如果函数返回false，则取消提交。

d)         复选框元素：将 HTML 的 INPUT 标签中的 type 设置为“checkbox”，创建复选框列表

1. 属性：value，checked，name
2. 事件：onClick，onFocus，onBlur

e)         单选按钮元素：将 HTML 的 INPUT 标签中的 type 设置为“radio”

                         i.              属性：value，checked，name

                       ii.              事件：onClick，onFocus，onBlur

f)          下拉列表元素：添加select标签，列表中包含的选项用OPTION标签

                         i.              属性：name, OPTION标签中的值用value

                       ii.              事件：onchange

转载于:https://www.cnblogs.com/liuzheng0612/p/9956110.html