zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Windows创建和使用IP安全策略(IPSec)
    SPOJ LCS2(Longest Common Substring II-后缀自动机向父亲更新)
    poj1125 Floyd算法
    Unity-动态显示窗口制作思路
    Unity-UI架构优化小技巧
    Unity脚本启动顺序调整方法
    Unix/Linux编程实践教程阅读笔记-终端注销代码-来自第二章P54-P57的笔记
    Unix/Linux编程实践教程阅读笔记-who指令实现的优化-来自第二章P48-P54的笔记
    Unix/Linux编程实践教程阅读笔记-who指令的实现(Mac下的实现)-来自第二章P25-P44的笔记
    Unity定制脚本模版--自动添加头部注释
  • 原文地址:https://www.cnblogs.com/liuzheng0612/p/9956110.html
Copyright © 2011-2022 走看看