IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> jQuery--表单校验 -> 正文阅读

[JavaScript知识库]jQuery--表单校验

表单验证

为什么要进行表单验证? 无论是动态网站,还是其他B/S结构的系统,都离不开表单。 表单作为客户端向服务器端提交数据的主要载体,表单验证是避免提交的数据不合法的重要途径。
减轻服务器的压力
保证输入的数据符合要求

String对象和表单验证有关的成员

方法名方法介绍
indeof()检索一个字符串中是否含有指定内容内容返回值为索引,可以指定开始查找位置
substring()可以用来截取字符串;和slice参数一样,包开始不包结束;不同的是这个方法不能接受负值为参数,如果传递了一个负值,则默认使用为0,而且他还自动调整参数位置,如果第二个参数小于第一个,则自动交换
test()方法用于检测一个字符串是否匹配某个模式

正则表达式

代码功能
^匹配字符串开头
$匹配字符串结尾
[A-Z][A-Z] 表示一个区间,匹配所有大写字母,[a-z] 表示所有小写字母。
[\s\S]匹配所有。\s 是匹配所有空白符,包括换行,\S 非空白符,不包括换行。
\w匹配字母、数字、下划线。等价于 [A-Za-z0-9_]
.表示任意字符串
[\d\D]\d任意数字。\D除了数字

表单选择器

语法描述
:input匹配所有input、textarea、select和button 元素
:text匹配所有单行文本框
:password匹配所有密码框
:radio匹配所有单项按钮
:checkbox匹配所有复选框
:submit匹配所有提交按钮
:image匹配所有图像域
:reset匹配所有重置按钮
:button匹配所有按钮
:file匹配所有文件域
:hidden匹配所有不可见元素,或者type 为hidden的元素

属性过滤选择器

语法描述
:enabled匹配所有可用元素
:disabled匹配所有不可用元素
:checked匹配所有被选中元素(复选框、单项按钮、select 中的option)
:selected匹配所有选中的option 元素

表单验证事件和方法

事件

名称描述
onblur失去焦点,当光标离开某个文本框时触发
onfocus获得焦点,当光标进入某个文本框时触发

方法

名称描述
blur()从文本域中移开焦点
focus()在文本域中设置焦点,即获得鼠标光标
select()选取文本域中的内容,突出显示输入区域的内容

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-28 11:10:38  更:2021-11-28 11:11:15 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:16:47-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码