JavaScript表单验证的相关事件

1．  表单元素：

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

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

                           i.              属性：readonly、value、name

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

                            iii.              事件：

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

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

                       　　　　　　  i.              属性：name，value

                     　　　　　　    ii.              事件：

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

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

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

1. 1. 1. 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/slwx1514/p/9887487.html