js 正则表达式实现文本验证

<style>.spa{/*js来改变span颜色*/color: red;}</style><script type="text/javascript">function checkIn(obj){//失去焦点（鼠标离开文本框）时验证//文本框的值var val = obj.value;//拿到文本框的名字，用来做switch判断var name = obj.name;//拿到span，错误时给出提示，显示在spanvar sp = obj.parentElement.lastElementChild;switch(name){case "userId":var reg = /^(\w){1,6}$/;if (!reg.test(val)) {sp.innerHTML = "(账号1-6位,支持数字,字母,下滑线)";sp.className = "spa";//返回bool,用于提交时再验证。return false;}break;case "pwd":var reg = /^(?![0-9]+$)(?![a-zA-Z+$])[0-9a-zA-Z]{6,12}$/;if (!reg.test(val)) {sp.innerHTML = "(密码6-12位,只可数字,字母)";sp.className = "spa";return false;}break;case "mail":var reg = /^\w+(@qq.com|@163.com|@gmail.com)$/;if (!reg.test(val)) {sp.innerHTML = "(邮箱支持@qq.com @163.com @gamil.com)"sp.className = "spa";return false;}break;case "phone"://只验证151，152，153var reg = /^15[1-3]\d{8}$/;if (!reg.test(val)){sp.innerHTML = "(151，152，153开头,11位)";sp.className = "spa";return false;}break;}sp.innerHTML = "";sp.className = "";return true;}function clearItem(obj) {//当得到焦点，文本框的提示清空obj.value = "";}function checkForm() {//得到所有文本框var ins = document.getElementsByClassName("in");for (var i = 0; i < ins.length; i ++) {                 if (!checkIn(ins[i])) {//一个不合格，验证失败return false;}}return true;}</script>

其它的除了正则表达式的验证，还可以字符串的操作。
比如查找一个字符
var str = “bcd”;
var i = str.indexOf(“a”);
找不到
i = -1;
可以作为判断条件。

js 正则表达式实现文本验证相关推荐

html 正则手机号,js正则表达式之手机号码验证
js正则表达式之手机号码验证2017-09-03 11:10 在填写表单的时候,对手机号码进行验证,是用得最多的地方. 你看不管你是app注册,还是论坛注册一个会员,都得用到手机号码. 而且现在互联网 ...
js正则表达式之中文验证(转)
今天做表单提交的输入框条件验证,验证是否包含中文:网上搜了一圈基于js正则表达式的验证基本不好用,而且大多都是出自一两篇原文的转帖!到底什么才是拿来主义呢.根据搜索结果,本文取精华,告诉大家一个好用的 ...
js正则表达式限制文本框只能输入数字,小数点,英文字母
1.文本框只能输入数字代码(小数点也不能输入) <input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...
常用的js正则表达式
常用的js正则表达式 java script验证表单时常用: "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 &quo ...
js 正则表达式判断价格
js 正则表达式判断价格验证价格的正则 var reg = /(^1-9?(.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9].0-9?$)/; var money = 520.1 ...
手机号判断正则php2019,2019手机号码JS正则表达式验证实例代码
概念正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符.及这些特定字符的组合,组成一个"规则字符串",这个"规则字符串"用来表达对字符串的 ...
JS常用正则表达式表单验证代码大汇总
正则表达式使用详解简介简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或 ...
2022手机号码JS正则表达式验证实例代码
这篇文章主要介绍了2022手机号码JS正则表达式验证实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下概念正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的 ...
js 常用正则表达式表单验证代码
正则表达式使用详解简介简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或 ...

js 正则表达式实现文本验证

js 正则表达式实现文本验证相关推荐

最新文章

热门文章