首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript 表单处理

方法 说明 focus() 将焦点定位到表单字段里 blur() 从元素中将焦点移走 fm.elements[0].focus();//将焦点移入 fm.elements[0].blur();//将焦点移出...共有的表单字段事件 表单共有的字段事件有以下三种: 事件名 说明 blur 当字段失去焦点时触发 change 对于和元素,在改变value并失去焦点时触发;对于元素,在改变选项时触发 focus 当前字段获取焦点时触发 addEvent(textField, 'focus', function () {//缓存blur和change再测试一下 alert(...有一种做法是判断字符是否合法,这是提交后操作的。那么我们还可以在提交前限制某些字符,还过滤输入。...为了增加表单字段的易用性,很多字段在满足一定条件时(比如长度),就会自动切换到下一个字段上继续填写。

4.8K101

Chrome 键盘快捷键 转

t 重新打开最后关闭的标签页,并跳转到该标签页 Ctrl + Shift + t 跳转到下一个打开的标签页 Ctrl + Tab 或 Ctrl + PgDn 跳转到上一个打开的标签页 Ctrl + Shift...“历史记录”页 Ctrl + h 在新标签页中打开“下载内容”页 Ctrl + j 打开 Chrome 任务管理器 Shift + Esc 将焦点放置在 Chrome 工具栏中的第一项上 Shift +...Alt + t 将焦点移到未聚焦于的对话框(如果显示)中 F6 打开查找栏搜索当前网页 Ctrl + f 或 F3 跳转到与查找栏中搜索字词相匹配的下一条内容 Ctrl + g 跳转到与查找栏中搜索字词相匹配的上一条内容...末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词前面 Ctrl + 向左箭头键 将光标移到文本字段中的上一个字词后面 Ctrl + 向右箭头键 删除文本字段中的上一个字词...Ctrl + Backspace 将焦点移到通知上 Alt + n 在通知中允许 Alt + Shift + a 在通知中拒绝 Alt + Shift + d 在当前标签页中打开主页 Alt + Home

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    chrome快捷键

    Ctrl + Shift + t 跳转到下一个打开的标签页 Ctrl + Tab 或 Ctrl + PgDn 跳转到上一个打开的标签页 Ctrl + Shift + Tab 或 Ctrl + PgUp...“历史记录”页 Ctrl + h 在新标签页中打开“下载内容”页 Ctrl + j 打开 Chrome 任务管理器 Shift + Esc 将焦点放置在 Chrome 工具栏中的第一项上 Shift +...Alt + t 将焦点放置在 Chrome 工具栏中的最后一项上 F10 将焦点移到未聚焦于的对话框(如果显示)中 F6 打开查找栏搜索当前网页 Ctrl + f 或 F3 跳转到与查找栏中搜索字词相匹配的下一条内容...末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词前面 Ctrl + 向左箭头键 将光标移到文本字段中的上一个字词后面 Ctrl + 向右箭头键 删除文本字段中的上一个字词...将相应网址拖动到书签栏中 下载链接目标 按住 Alt 键的同时点击链接 显示浏览记录 右键点击“后退”箭头  或“前进”箭头 ,或者点击(按住鼠标按键别松手)“后退”箭头  或“前进”箭头 在最大化模式和窗口模式间切换

    1.8K20

    【译】W3C WAI-ARIA最佳实践 -- 控件

    Shift + Tab: 将焦点移到对话框内的上一个可聚焦元素。 如果焦点是在第一个元素,将焦点移动到对话框内的最后一个可聚焦元素。 Escape: 关闭对话框。...Shift + Up Arrow: 将焦点移到上一个选项并切换选项的选择状态。 Control + Down Arrow: 将焦点移到下一个选项但不改变选项的选择状态。...+建议所有的树结构支持提前键入,特别是对于包含超过7个根节点的树结构: 键入一个字符:焦点移动到下一个名称以输入的字符开头的节点。...快速连续键入多个字符:焦点移动到下一个名称以输入的字符串开头的节点。 (可选地): 展开与当前节点在同一层级的所有兄弟节点。...Shift + Up Arrow: 将焦点移到上一个节点,并且切换上一个节点的选择状态。 Control + Down Arrow: 不改变选择状态,将焦点移动到下一个节点。

    4.6K30

    HarmonyOS一杯冰美式的时间 -- 验证码框

    分解一下监听每个 TextInput 的 onChange 事件,当用户输入字符后,将字符存入相应位置的 codeKids 数组,并移动焦点到下一个 TextInput。...在最后一个输入框中,当用户输入字符后,将字符存入 codeKids 数组,并触发验证码完成的操作。...需要注意的是,并不能使用focusable(true)来达到将焦点赋予给某个输入框的操作,移动焦点需要使用focusControl.requestFocus(),而requestFocus需要的参数是输入框的...在事件处理程序内部,会进行以下操作:检查输入的值长度是否小于等于1,如果是则将该值存储在 codeKids 数组的相应位置上,以保证每个输入框只能输入一个字符。...检查是否还有下一个输入框(index + 1 是否小于 codeKids 数组的长度)。如果有下一个输入框,将焦点自动移动到下一个输入框,以方便用户连续输入。

    18220

    Angularjs的表单验证

    }个字符,使用指令ng-minlength=“{number}”: 最大长度 验证至多输入{number}个字符,使用指令ng-maxlength...要做到这一点,我们将实现一个指令,它在输入字符变化时触发一个Ajax请求: var app = angular.module('validationExample', []); app.directive...这些验证分别是:必须有一个长度为3或更多的名字。并且最大长度限制为20个字符。最后,名称应该是必填的。 让我们用属性来控制显示还是隐藏错误信息。...当失去焦点时验证错误 如果你想保留错误验证的实时性,那么可以在用户离开该输入框时显示错误信息。要做到这一点,我们可以添加一个指令,将添加一个新的变量。...blur和focus事件中注册相应操作,当焦点在该输入框时,它添加一个class(ng-focused),并且该输入框的$focused属性也将变为true。

    2.2K10

    【转】jQuery验证控件jquery.validate.js使用说明+中文API

    (上传文件的后缀) (12)maxlength:5               输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10              输入长度最小是...10的字符串(汉字算一个字符) (14)rangelength:[5,10]      输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10]              ..."请输入拥有合法后缀名的字符串", maxlength: jQuery.validator.format("请输入一个 长度最多是 {0} 的字符串"), minlength: jQuery.validator.format...("请输入一个 长度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("请输入 一个长度介于 {0} 和 {1} 之间的字符串"), range...设置最大长度 rangelength(range) 返回:Boolean 设置一个长度范围[min,max] min(value) 返回:Boolean 设置最大值

    4.7K40

    【译】W3C WAI-ARIA最佳实践 -- 表单

    + Up Arrow: - 当焦点在一个 menu 上时,将焦点移动到上一个项目,可选的,从第一个项目移动到最后一个。...+ Left Arrow: - 当焦点在一个menubar上时,将焦点移动到上一个项目,可选的,从第一个项目移动到最后一个。...把焦点移到menuitem中的前一个menubar. 3. (推荐)打开该menuitem的子菜单但不用将焦点移动到子菜单,或者打开该menuitem的子菜单,并将焦点放置在子菜单的第一个项目上。...可打印字符: 在文本框中输入字符。注意,许多实现仅允许某些字符作为值的一部分,并防止输入任何其他字符。 例如,小时和分钟的数值调节只允许从0到59的整数值,冒号':'以及字母'AM'和'PM'。...任何其他字符输入不会更改文本字段的内容和按钮的值。 NOTE 操作过程中焦点仍在文本字段上。 适用于设备平台的标准单行文本编辑键: 包括输入键,光标移动,选择和文本操作。

    8.3K30

    Notes | Chrome 浏览器常用快捷键

    Ctrl + 9 在当前标签页中打开主页 Alt + Home 打开当前标签页浏览记录中记录的上一个页面 Alt + 向左箭头键 打开当前标签页浏览记录中记录的下一个页面 Alt + 向右箭头键 关闭当前标签页...“历史记录”页 Ctrl + h 在新标签页中打开“下载内容”页 Ctrl + j 打开 Chrome 任务管理器 Shift + Esc 将焦点放置在 Chrome 工具栏中的第一项上 Shift +...Alt + t 将焦点放置在 Chrome 工具栏中最右侧的那一项上 F10 将焦点移到未聚焦于的对话框(如果显示)或所有工具栏 F6 打开查找栏搜索当前网页 Ctrl + f 或 F3 跳转到与查找栏中搜索字词相匹配的下一条内容...末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词起始处 Ctrl + 向左箭头键 将光标移到下一个字词起始处 Ctrl + 向右箭头键 删除文本字段中的上一个字词...“后退”箭头;右键点击“前进”箭头 下一步,或者左键点住“前进”箭头 在最大化模式和窗口模式之间切换 双击标签栏的空白区域 放大网页上的所有内容 按住 Ctrl 键并向上滚动鼠标滚轮 缩小网页上的所有内容

    1.6K10

    C# WPF Dev控件之正则验证介绍

    掩码提供受限的数据输入和格式化的数据输出。 当输入的字符串需要匹配特定格式时,在编辑器中使用掩码非常有用。例如,文本编辑器应该接受24小时格式的日期/时间值或数字值。...另一个例子是在编辑器中输入电话号码(最终用户只需输入数字,而在编辑时应自动跳过连字符)。使用屏蔽输入来支持这些和许多其他数据输入格式。 注意: 最终用户所做的更改将发布到BaseEdit。...简单面罩(Simple Masks) 当您需要输入有限长度的字符串(如电话号码、邮政编码、社保号码等)时,此掩码类型是最好的。使用字符序列指定掩码。...04—其它 掩码中的空值输入 设置BaseEdit。AllowNullInput属性设置为true,以允许在相应数据字段没有可用信息的情况下,在屏蔽编辑器中输入空值。...如果在此位置只能插入特定字符,编辑器将自动显示此字符,并将插入符号移到该字符的右侧。 假设编辑掩码设置为“\R{MonthNames}”(编辑器将接受月份名称)。

    1.9K40

    angularjs输入验证

    在AngularJS中,有许多表单验证指令。在这里,我们将谈谈几个最流行指令,然后我们将讨论如何编写自定义的验证。...所有输入字段可以进行一些基本的验证,例如最小长度,最大长度,等等,这些都是HTML5标签的属性验证。...让我们来看看我们可以在input设置哪些验证: 必填 验证是否已输入字符,只需在标签上加上 required : 最小长度 验证输入至少输入...这些验证分别是:我们必须有一个长度为3个或更多字符的名字。并且最大长度限制为20个字符(21或更多的个字符将是无效的)。最后,我们设置名称应该是必填的。...当时去焦点时验证错误 如果你想保留错误验证的实时性,那么可以在用户离开该输入框时显示错误信息。要做到这一点,我们可以添加一个指令,将添加一个新的变量。

    1.3K30

    前端(三)-JavaScript

    NaN表示 ; Infinity; Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就 表示为Infinity; 1.3 strict模式 JavaScript...onblur 失去焦点事件 onkeydown 键盘按下事件 onkeyup 键盘抬起事件 onkeypress 键盘产生可输入字符事件 onmouseover 鼠标移入事件 onmouseout 鼠标移除事件...forward() 下一个页面 go() 加载某个具体URL (go(-1)返回上一个页面 go(1)下一个页面) 5.3 location 属性 说明 host 主机名+端口号 hostname...nextElementSibling 下一个节点 previousElementSibling 上一个节点 6.2 操作节点 6.2.1操作节点属性 方法 说明 getAttribute("属性名"...onblur 失去焦点事件 onkeydown 键盘按下事件 onkeyup 键盘抬起事件 onkeypress 键盘产生可输入字符事件 onmouseover 鼠标移入事件 onmouseout 鼠标移除事件

    89920

    【Flutter 专题】64 图解基本 TextField 文本输入框 (一)

    this.maxLength, // 允许输入的最大长度 this.maxLengthEnforced = true, // 是否允许超过输入最大长度...maxLength 为字符长度,设置时默认是展示一行,且右下角有编辑长度与整体长度对比;与 maxLengthEnforced 配合,maxLengthEnforced 为 true 时达到最大字符长度后不可编辑...maxLines 为允许展现的最大行数,在使用 maxLength 时内容超过一行不会自动换行,因为默认 maxLines=1,此时设置为 null 或固定展示行数即可自动换行;区别在于 null 会展示多行...focusNode 手动获取焦点,可配合键盘输入等减少用户操作次数,直接获取下一个 TextField 焦点; FocusScope.of(context).requestFocus(node); return...inputFormatters 为格式验证,例如原生 Android 中通常会限制输入手机号或其他特殊字符,在 Flutter 中也可以借此来进行格式限制,包括正则表达式;使用时需要引入 package

    4.7K51

    JavaScript脚本语言入门(下)

    2.JavaScript常用事件 事件 触发事件 onabort 对象载入被中断时触发 onblur 元素或窗口失去焦点时触发 onchange 改变元素的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发...true,否则返回false prompt() 弹出一个提示对话框,并要求输入一个简单的字符串 blur() 将键盘焦点从顶层浏览器窗口中移开。...在多数平台上,这将使窗口移到最后边 close() 关闭窗口 focus() 将键盘焦点赋予顶层浏览器窗口中。...其语法格式如下: string.split(delimiter,limit) 参数说明如下: delimiter:字符串或正则表达式,用于指定分隔符。 limit:可选项,用于指定返回数组的最大长度。...如果设置了该参数,返回的子串不会多于这个参数指定的数字,否则整个字符串都会被分割,而不考虑其长度。 返回值:一个字符串数组,该数组是通过delimiter指定的边界将字符串分割成的字符串数组。

    1.6K10

    Windows10中的键盘快捷方式

    Ctrl + 向左键 将光标移动到上一个字词的起始处 Ctrl + 向下键 将光标移动到下一段落的起始处 Ctrl + 向上键 将光标移动到上一段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间进行切换...Alt + Shift + 箭头键 当组或磁贴的焦点放在“开始”菜单上时,可将其朝指定方向移动 Ctrl + Shift + 箭头键 当磁贴的焦点放在“开始”菜单上时,将其移到另一个磁贴即可创建一个文件夹...徽标键 + A 打开操作中心 Windows 徽标键  + B 将焦点放在通知区域上 Windows 徽标键 + C 在侦听模式下打开 Cortana备注此快捷方式默认情况下处于关闭状态。...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。

    4.5K20
    领券