表单验证

为什么要进行表单验证？无论是动态网站，还是其他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()	选取文本域中的内容，突出显示输入区域的内容

jQuery--表单校验相关推荐

轻量级的jQuery表单校验插件: Happy.js
当前已经有许多jQuery表单校验插件,并且有些也很不错,但这些插件功能太强大,使用比较复杂.如果你想找一个简单点的插件 Happy.js 刚好是一个很好的选择. 这个插件是轻量级的,所以只支持一些输 ...
jQuery表单校验jquery.validate.js的使用
jQuery是一个快速.简洁的js库,为网站的快速开发简化了HTML文档遍历,事件处理,动画,以及Ajax交互.使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅 ...
JQuery 表单校验
表单校验的作用为什么要进行表单验证:保证数据符合要求为什么要进行JavaScript或者jQuery表单验证: 1.降低服务器端负担 2.还可以进行服务器验证(JSP) 正则表达式为什么使用正则 ...
JQuery 表单校验插件 validate 使用纪录
JS诞生其中一个目的就是将, 服务器端的校验在客户端提前完成, 以避免用户提交数据后, 后台校验报错的糟糕用户体验. 基于JQuery库的有很多优秀的插件, 其中对于浏览器端表单进行验证的基本功能也有 ...
jQuery表单校验
小小Demo: <script>$(function () {//给username绑定失去焦点事件 $("#username").blur(function () { ...
java jsp校验提示信息_java Jquery表单校验代码jsp页面
jsp.file 欢迎注册EasyMall /* 注册表单的js校验 */ var formObj = { /* 检查输入项是否为空 */ "checkNull" : functi ...
【前端3】jquary：页面加载，选择器，隔行换色，Dom，全选，动画，遍历，广告/抽奖，表单校验插件
文章目录 1.jquery框架引入:$("mydiv") 当成id选择器 2.jquery版本/对象:$(js对象) -> jquery对象 3.jquery的页面加载事件: ...
实战课【1】jQuery实现表单校验及布局
实战课[1]jQuery实现表单校验及布局在学习完html,css,js,mysql,jdbc,Servlet,filter,ajax,maven等web基础知识后,开始进行项目实战.此文就会记录在 ...
jQuery formValidator表单校验代码生成器ver1.0
发表感言很感谢一直在支持我的网友们,感谢你们对插件改进的建议.虽然最近坐的脖子和屁股痛,但是我还是用休息时间完成了这个代码生成器的开发,再次感谢支持我的网友们. 谈一下写代码生成器的目的 ...
jquery validate表单校验
https://blog.csdn.net/pengjunlee/article/details/80685500 jquery validate表单校验

jQuery--表单校验

jQuery -- 表单校验

表单验证

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

正则表达式

表单选择器

表单验证事件和方法

jQuery--表单校验相关推荐

最新文章

热门文章