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

  • 相关阅读:
    Ext.grid.column.Column主要配置项及示例
    Ext.grid.Panel主要配置及示例
    EF Code First关系规则及配置
    ExtJS4系列目录
    EF Code First数据库连接配置
    ASP.NET MVC系列:ASP.NET MVC简介
    Ext JS下载及配置
    Ext.container.Viewport
    Ext.tab.Panel页签
    ASP.NET MVC系列:Controller/Action
  • 原文地址:https://www.cnblogs.com/liuzheng0612/p/9956110.html
Copyright © 2011-2022 走看看