Web前端表单验证
表单选择器
: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()获取文本域中的内容,突出显示输的区域的内容
文本输入提示特效示例
$(“myform:text”).focus(function(){
If($(this).val()==”请输入正确的电子邮箱”){
$(this).val(“”);
$(this).css(“border”,”1px solid #ff0000”);
}
})
什么是正则表达式
正则表达式是一个描述字符模式的对象,它是由一些特殊符号组成的,这些特殊符号和在SQL server中学过的通配符一样
RegExp对象是Regular Expression(正则表达式)的缩写,验证(电子邮箱地址,电话号码,身份证号等字符串)
定义正则表达式有两种形式:一种是普通方式,另一种是构造函数的方式
普通方式:
Var reg=/表达式/附加参数
附加参数有三个参数:
g:代表可以进行全局匹配
I:代表不区分大小写匹配
m:代表可以进行多行匹配
构造函数
Var reg =new RegExp(“表达式”,”附加参数”)
表示式的模式分为简单模式和复合模式
正则表达式的常用字符
- /../代表模式的开始和结束
- ^匹配字符串的开始
- $匹配字符串的结束
- \s任何空白字符
- \S任何非空白字符
- \d匹配一个数字字符等价于[0-9]
- \D除了数字之外的任何字符,等价于[^0-9]
- \w匹配一个数字、下划线或字母字符,等价于[A-Za-z0-9]
- \W任何非字字符,等价于[^A-Za-z0-9]
- .除了换行符之外的任意字符
正则表达式的重复字符
{n}匹配前一项n次
{n,}匹配前一项n次,或者多次
{n,m}匹配前一项至少n次,但不能超过m次
次,或者多次,等价于{0,}
次,或者多次,等价于{1,}
次,也就是说前一项是可选的,等价于{0,1}
Web前端表单验证的更多相关文章
- HTML5 web Form表单验证实例
HTML5 web Form 的开发实例! index.html <!DOCTYPE html> <html> <head> <meta charset=&q ...
- Web开发-表单验证
表单验证是Web开发中必不可少的一个环节,用来限制用户输入数据的规范和一致性.那么如何能够简化这一任务,让开发人员通过简单的属性设置就能达到目的呢? FineUI在这一点上也是下足了功夫,比Asp.N ...
- (七)JavaScript之[调试]与[前端表单验证]
12].调试为什么要去调试?1.在编写JavaScript时,如果没有调试工具将是一件很痛苦的事情.2.没有调试工具是很难去编写JavaScript程序的.3.编写的代码可能包含语法错误.逻辑错误,如 ...
- Java web 之表单验证
按照软件工程师的定位来讲,表单验证应该要好好练习的 html javascript
- jQuery简单前端表单验证
<!DOCTYPE html> <html> <head> <title>表单验证</title> <script src=" ...
- 前端表单验证常用的15个JS正则表达式
在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的javaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份 ...
- 最常用的15个前端表单验证JS正则表达式
在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的JavaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份 ...
- Web前端——表单提交和Js添加选项
表单 表单提交 表单提交之后会将表单的数据以get或post方式,传送到action要打开的页面 方式1: 使用提交按钮 <form action="" method=&qu ...
- 4.前端注册表单验证 && 表单回填
表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...
随机推荐
- mac安装软件提示没有权限
Mac 安装软件基本是各种爽,自动更新啥. 但是有一种提示没有权限的错误,很不爽,还要sudo管理员权限 有一个修复 /usr/local目录权限的命令 sudo chown -R 'whoami' ...
- git操作合集
目录 安装 下载 本地配置 创建用户凭证ssh 忽略文件 基础操作 新建仓库 克隆仓库 获取更新 推送更新 查看历史 版本回退 分支 别名 linux服务器 疑难问题 清除历史大文件 安装 下载 下载 ...
- 使用 docker-machine 管理 Azure 容器虚拟机
安装 docker-machine 请参见该链接(https://docs.docker.com/machine/install-machine "https://docs.docker.c ...
- [翻译] HTKDynamicResizingCell
HTKDynamicResizingCell https://github.com/henrytkirk/HTKDynamicResizingCell Subclassed UITableView/U ...
- [翻译] BBCyclingLabel
BBCyclingLabel BBCyclingLabel is just like a UILabel but allows you to perform custom animations whe ...
- 火狐浏览器对svg支持的一点不足
项目中要用svg实现一个如下图所示的风机扇叶转动效果 当用chrome浏览器打开,动画显示正常.用火狐浏览器打开扇叶静止不动,代码如下: <svg xmlns:cge="http:// ...
- 性状、生成器、闭包、OPcache【Modern PHP】
目录 性状 Trait 生成器 闭包 Zend OPcache PHP发展这么多年,技术.架构都已经革新,了解现代PHP很重要,最近在看Model PHP这本书,系统的了解下PHP相关的概念. 性状 ...
- echo 与 od -x 与 %!xxd 命令
echo 与 od -x 与 %!xxd 命令 echo 命令 -n 选项 可以使其不带换行符od -x 命令可以查看文件的16进制表示%!xxd 可以在vim编辑器中dump成16进制表示
- 字符串String及字符Char的相关方法
一.字符串: 1.访问String中的字符: string本身可看作一个Char数组. string s = "hello world"; ; i < s.Length; i ...
- Python 及其基础语法
重新开始玩 Python,打算就是学完实验楼的"Python3 简明教程",然后就可以玩点小项目,先前学了点 Python2 就不管它啦. 以上. 认识 Python Python ...