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;
} }

js部分---表单验证;(含正则表达式)的更多相关文章

  1. ★★★【卡法 常用js库】: js汇合 表单验证 cookie设置 日期格式 电话手机号码 email 整数 小数 金额 检查参数长度

    [卡法 常用js库]: js汇合 表单验证  cookie设置  日期格式  电话手机号码  email  整数  小数  金额   检查参数长度 // +---------------------- ...

  2. JS通用表单验证函数,基于javascript正则表达式

    表单的验证在实际的开发当中是件很烦琐又无趣的事情今天在做一个小项目的时候,需要JS验证,寻找到一个比较好的东西 地址如下: http://blog.csdn.net/goodfunman/archiv ...

  3. JavaScript表单验证和正则表达式

    JavaScript表单验证 分为四类: 1.非空验证 常用于用户名等 2.相等验证 常用于验证两次输入的密码 3.范围验证 常用于年龄等 4.正则验证 用于手机号,邮箱号等 以下是实例: <! ...

  4. JS简单表单验证

    这里我是写了一个简单的注册表单验证功能,亲测有效,一起来看看吧! 首先我的HTML代码是这样的: class大家可以忽略一下,这里我项目使用的是bootstrap的样式. 输入用户名和密码用的是正则表 ...

  5. 原生js制作表单验证,基本的表单验证方法

    表单验证是web前端最常见的功能之一,也属于前端开发的基本功.自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解. 基本的表单验证包括如:字母验证.数字验证.字母和数字验证.汉字验 ...

  6. js基础-表单验证和提交

    基础知识: 原始提交如下: <form action="/login" method="post" id="form1"> &l ...

  7. HTML(六)——表单验证、正则表达式、事件

    1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码, ...

  8. 表单提交学习笔记(二)—使用jquery.validate.js进行表单验证

    一.官网下载地址:http://plugins.jquery.com/validate/ 二.用法 1.在页面上进行引用 <script src="~/scripts/jquery-1 ...

  9. 原生js的表单验证

    最近在学原生的js,把一些练手的代码往博客放一放,权当积累经验,若有错漏,或是觉得浅显,大家不要见怪. 这是一个原生js编写的简单的表单验证: <!DOCTYPE html><htm ...

  10. js——form表单验证

    用js实现一个简易的表单验证 效果: 代码: <html> <head> <title>js校验form表单</title> <meta char ...

随机推荐

  1. sql思维

    写sql的思路不同于常规编程语言(C.python)等等.前者,考虑如何一步步地得到最终答案:后者,考虑如何一步步地收缩数据范围. 简而言之,前者是面向过程化(for each row do x),后 ...

  2. The Coco-Cola Store C(Contest #3 )

    Once upon a time, there is a special coco-cola store. If you return three empty bottles to the shop, ...

  3. MapReduce数据流(一)

    在上一篇文章中我们讲解了一个基本的MapReduce作业由那些基本组件组成,从高层来看,所有的组件在一起工作时如下图所示: 图4.4高层MapReduce工作流水线 MapReduce的输入一般来自H ...

  4. JS 防止表单重复提交

    <script type="text/javascript"> var checkSubmitFlg = false; function checkSubmit() { ...

  5. objectARX判断当前坐标系

    判断当前坐标系是WCS还是UCS 使用系统变量 WORLDUCS   请参见 用户坐标系 (UCS) 概述 (只读) 类型: 整数 保存位置: 未保存 初始值: 1 指示 UCS 是否与 WCS 相同 ...

  6. metaprogramming笔记

    动态多态与静态多态 动态多态:允许我们通过单个基类指针或引用处理多个派生类型的对象. 模板元编程中强调静态多态,允许不同类型的对象以同样的方式被操纵,只要它们支持某种共通的语法即可. 动态多态,连同& ...

  7. PHP中使用mysql处理结果集

    一.从结果集中将记录取出    mysql_fetch_row($result); 从结果集中取得一行作为枚举数组 mysql_fetch_row($result mysql_fetch_assoc( ...

  8. Unity3d各平台资源路径文件夹

    之前一直是PC项目,公司终于考虑移动平台了,但是试验了几把,感觉移动平台资源管理路径还是有很多隐藏的注意事项. 比如在PC上可以做到随便读写,但是在移动平台就涉及到权限问题. 看到小伙伴的总结,还是要 ...

  9. HDU 5000

    http://acm.hdu.edu.cn/showproblem.php?pid=5000 题意:有n种属性,每种属性的数值可以是0-T[i],当一个人属性全部小于等于另一个人的属性时,小的那个人会 ...

  10. Jquery 中toggle的用法举例

    toggle用法是使得两个以上的方法交替出现. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...