2019-06-04 form表单验证和正则表达式

一、正则表达式

标识正则表达式/.../    

匹配表达式开始:^

匹配表达式结束:$

匹配一个0-9数字:\d    [0-9]

匹配一个非0-9数字:\D    [^0-9]

匹配一个数字、下划线、字母:\w    [0-9a-zA-Z]

匹配一个数字、下划线、字母:\W    [^0-9a-zA-Z]

匹配任何空白字符:\s    

匹配任何非空白字符:\S    

匹配除换行符之外任意字符:.


匹配前一项n次:{n}   

匹配前一项n次或多次:{n,}

匹配前一项至少n次,最多m次:{n,m}


匹配前一项0次或多次:*         

匹配前一项1次或多次:+ 

匹配前一项0次或1次:?


邮政编码格式验证:

var a = /^\d{6}$/

用户名验证:3-16位 小写字母,下划线,字母

var a = /^[a-z0-9_]{3,16}$/


创建正则表达式

var a = 正则表达式;

var a = new RegExp("正则表达式");


测试正则表达式

检索字符串中指定的值,返回true或false

a.test(字符串);

检索字符中是否有正则表达式的匹配,返回找到的值,确定其位置

a.exec(字符串);

二、获取表单

1、获取表单:$("form")

2、获取input、select、button       空格+:input

3、获取所有不可见元素(type=hidden和style=display:none)    空格+:hidden   

4、获取被选中的属性(复选、单选、下拉框):空格+:checked

5、获取被选中的属性(下拉框):空格+:selected

三、表单事件

submit()

eg:$("form").submit(){..........}          前提:表单中有submit提交的按钮

四、表单方法

onfocus    获得焦点,光标进入某个文本框时触发

onblur     失去焦点,光标离开某个文本框时触发

focus()    文本域设置焦点,获得光标

blur()    文本域移开焦点

select()    选取文本域中的内容,突出显示输入区域的内容

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 6,473评论 0 9
  • 几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:ht...
    没技术的BUG开发攻城狮阅读 10,029评论 0 23
  • 忘了从哪收集的资料了,放这儿,以备不时之需。 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{...
    study_monkey阅读 5,225评论 0 7
  • Java的正则表达式讲解:(为了能看清,本文正则表达式用中文的句号代替英文句点) 英文句点符号:匹配单个任意字符。...
    红姑娘阅读 9,835评论 0 2
  • 风寒凝夜夜难沉, 山与白露似海深。 君门不见同时月, 独览碧空万盏灯。
    暮春早夏的月亮阅读 1,137评论 2 1