主机屋vps网站助手,财务管理软件,新开传奇网站195合击,html5的优点阅读目录 本文内容#xff1a;正则表达式#xff1a;利用正则表达式进行表单验证的例子#xff1a;回到顶部本文内容#xff1a; 正则表达式正则表达式的使用方法正则表达式的特殊匹配字符正则表达式修饰符利用正则表达式进行表单验证的例子首发日期#xff1a;2018-05-13… 阅读目录 本文内容正则表达式利用正则表达式进行表单验证的例子 回到顶部 本文内容 正则表达式正则表达式的使用方法正则表达式的特殊匹配字符正则表达式修饰符利用正则表达式进行表单验证的例子 首发日期2018-05-13 回到顶部 正则表达式 正则表达式的使用方法 首先创建正则表达式对象 【正则表达式的字符规则如果是没有特殊意义的字符直接写如果是有特殊意义的直接写如果想将特殊意义的字符转成非特殊意义的前面使用\】可以通过RegExp对象创建正则表达式对象 var 变量名new RegExp(表达式[,修饰符])也可以使用按照一定的格式以斜杠 / 开头和结尾的字符组合来创建正则表达式对象【称为字面量创建法】var 变量名/表达式/修饰符【正则表达式修饰符写在正则表达式结束符/后面,是可选的定义一些比如匹配忽略大小写等规则】其次字符串使用正则表达式来获取匹配结果使用正则对象提供的方法re.test(string):符合就返回true不然返回falsere.exec(string):不符合返回null,找得到就返回符合的字符和开始位置使用字符串对象提供的方法search(正则表达式)查找符合正则表达式的字符串返回结果是字符串开始的位置如果没有找到任何匹配的子串则返回 -1match(正则表达式)查找符合正则表达式的字符串返回结果是匹配出的字符串如果没有找到任何匹配的文本 match() 将返回 nullreplace(正则表达式用来替换的字符串)查找符合正则表达式的字符串,然后使用另一个字符串替换返回结果是替换后的字符串如果没有查找成功返回的是原本的字符串。split(正则表达式)查找符合正则表达式的字符串然后根据它来分割整个字符串。返回结果是多个字符串。 正则表达式的特殊匹配字符 字符意义\屏蔽使用字符的特殊意义比如$代表不使用$来匹配而仅仅把它当作一个普通字符^代表^后面跟着的字符必须是字符串的开头$代表$前面的字符必须是字符串的结尾*匹配*前面的字符0次或多次贪婪的多多益善的匹配前面的字符1次或多次贪婪的多多益善的?匹配?前面的字符0次或1次.匹配除换行符\n之外的所有字符\d匹配09的所有数字一次\D匹配非数字的所有字符一次\s匹配一个空字符比如换行符、空格、缩进符\w匹配任何字母、数字以及下划线\W匹配除数字、字母及下划线外的其他字符 [0-9]匹配从 0 至 9 的数字一次[a-z]匹配从 a 至 z 的字母一次[几个字母]比如[abcd]匹配[]中的任意一个字母一次从左到右优先)[一个范围或几个范围],比如[a-z0-9]匹配[]几个范围中的一个字符一次从左到右优先)[^范围]匹配非范围内的字符 {n}匹配前面的字符n次{n,}匹配前面的字符至少n次{n,m}匹配前面的字符nm次 x|y匹配x或y从左到右优先) (一串特殊字符)把一串特殊字符当成一组来匹配 正则表达式修饰符 (写在正则表达式结束符/后面) 字符意义 g全局匹配不是仅仅匹配一处 i匹配忽略字符大小写 使用g之后对于exec可以重复执行来获取结果对于字符串提供的方法会一次性返回多个结果 回到顶部 利用正则表达式进行表单验证的例子 这是一个简单的例子仅仅做匹配动作不做效果这只是一个小架子想要增加效果可以自己来增加。 准备工作 一个用来匹配邮箱的正则表达式/^([\w-](?:\.[\w-])*)((?:[\w-]\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i 一个用来匹配世界手机号码的正则表达式/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/ 一个用来匹配密码的正则表达式长度在6~18之间只能包含字母和数字/^[a-zA-Z0-9]{6,18}$/ 获取值 建立表单绑定触发函数 action指向一个不存在的网址如果提交失败则不会跳转 如果三个输入框都符合条件那么返回true,使得sumbit的事件能进行下去从而进行跳转;如果任意一个不符合条件那么返回false从而阻止submit的事件进行 !DOCTYPE html
html langen
headmeta charsetUTF-8 /title表单验证/titlescriptfunction isVaildInfo(){var emailReg/^([\w-](?:\.[\w-])*)((?:[\w-]\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;var telReg/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;var pwdReg/^[a-zA-Z0-9]{6,18}$/;var emaildocument.getElementById(email).value;var teldocument.getElementById(tel).value;var pwddocument.getElementById(pwd).value;if (emailReg.test(email)telReg.test(tel)pwdReg.test(pwd)) {return true;}else{return false;}}/script
/head
bodyform action555.html methodget input idemail typetext name placeholder请输入邮箱input idtel typetext name placeholder请输入手机号input idpwd typepassword name placeholder请输入密码input typesubmit value确定 idbtn οnclickreturn isVaildInfo()/form/body
/html 转载于:https://www.cnblogs.com/aliyunpang/p/9032571.html
