js部分---表单验证；（含正则表达式）

1.非空验证

<div>用户名:<input id="yhm" type="text" name="yhm" /></div>/*function yanzheng()
{var yhm = document.getElementById("yhm").value;if(yhm==""){alert("用户名不能为空");return false;}else{return true;}
}*/

2.相等验证

 <div>密码：<input id="mm" type="text" name="mm" /></div><div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div>/*function yanzheng()
{var mm = document.getElementById("mm").value;var qrmm = document.getElementById("qrmm").value;if(mm==qrmm){return true;}else{alert("两次输入的密码不一致");return false;}
}*/

3.范围验证

<div>邮箱：<input type="text" name="youxiang" id="youxiang" /></div><input type="submit" value="注册" onclick="return yanzheng()" />/*function yanzheng()
{var age = document.getElementById("age").value;if(age>=18 && age<=50){return true;}else{alert("年龄不满足");return false;}
}*/

4.正则验证
正则表达式

定界符：//
匹配开头：^
匹配结尾：$
\反斜杠：代表转义
\n \r 换行 \t制表符 \"输出双引号 \'输出单引号
*代表前面的表达式可以出现任意次
+代表前面的表达式可以出现至少一次
？代表前面的表达式出现0次或1次
{n}代表前面的表达式出现n次
{n,}代表前面的表达式至少出现n次
{n,m}代表前面的表达式至少出现n次，最多出现m次
x|y要么匹配x要么匹配y
[xyz]匹配[]所包含的任意一个字符
[0-9]匹配0到9之间的任意字符
\d匹配一个数字字符
\D匹配一个非数字字符
\w匹配包括下划线的任意单词字符
\W匹配任何非单词字符

<div>邮箱：<input type="text" name="youxiang" id="youxiang" /></div><input type="submit" value="注册" onclick="return yanzheng()" />function yanzheng()
{var yx = document.getElementById("youxiang").value;var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;if(yx.match(zz)==null){alert("邮箱格式不正确");return false;}else{return true;}}

转载于:https://www.cnblogs.com/xingyue1988/p/6072349.html

js部分---表单验证；（含正则表达式）相关推荐

HTML表单验证(含用户名，密码，邮箱，手机号，验证码-验证)
HTML表单验证(含用户名,密码,邮箱,手机号,验证码) 前几天对表单注册有点感兴趣,于是在课余时间了解了一些注册表单的验证方法,自己也试着做了一个表单的验证(前端验证),很low,各位童鞋应该都看得 ...
js与php表单验证,JS简单表单验证功能完整示例
本文实例讲述了JS简单表单验证功能.分享给大家供大家参考,具体如下: 简单js表单验证demo Document //当用户名获取焦点时 function focus_username(){ docu ...
JavaScript中的表单验证、正则表达式、数组的使用
表单验证.正则表达式.数组字符串的使用为什么要使用表单验证表单验证的常用步骤提交表单的2种方式文本框对象为什么要使用正则表达式正则表达式的两种创建方法正则表达式的模式正则表达式常用的 ...
【卡法常用 ckl.js 库】： js汇合表单验证 cookie设置日期格式电话手机号码 email 整数小数金额检查参数长度...
[卡法常用js库]: js汇合表单验证 cookie设置日期格式电话手机号码 email 整数小数金额检查参数长度 // +---------------------- ...
JS通用表单验证函数
Check.js JS函数文件 /* *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- * 功能:通用验证所有的表单元素 ...
表单验证和正则表达式(一)
首先我们要明白为什么要表单验证? 他的目的就是为了减轻服务器的压力及保证输入的数据符合要求来看下我们常用的表单验证,举例让你有个浅浅的了解日期格式例如:年月日不能为空,月必须在1到12之间,日 ...
HTML(六)——表单验证、正则表达式、事件
1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码, ...
html表单验证用正则表达式,JavaScript 使用正则表达式进行表单验证的示例代码
搜索热词 JavaScript 表单验证正则表达式大全利用正则表达式判断是否是0-9的阿拉伯数字 function regIsDigit(fData) { var reg = new RegExp(& ...
js——form表单验证
用js实现一个简易的表单验证效果: 代码: <html><head><title>js校验form表单</title><meta charset ...
javascript表单验证及正则表达式
1.表单验证的场景与意义 1.1.降低服务器压力拦截不合格数据,避免直接提交到服务器,可以显著降低服务器开销 1.2.提升用户体验早期的互联网,表单项非常多,注册账号需要填写20+字段.而其中有一 ...

js部分---表单验证；（含正则表达式）

js部分---表单验证；（含正则表达式）相关推荐

最新文章

热门文章