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. iOS App创建桌面快捷方式

    http://www.cocoachina.com/ios/20150827/13243.html 先mark,暂时用不到

  2. C# 轉義字符

    转义字符 意义 ASCII码值(十进制) \a 响铃(BEL) 007 \b 退格(BS) ,将当前位置移到前一列 008 \f 换页(FF),将当前位置移到下页开头 012 \n 换行(LF) ,将 ...

  3. 关于oc运行时 isa指针详解

    Cocoa框架是iOS应用程序的基础,了解Cocoa框架,对开发iOS应用有很大的帮助. 1.Cocoa是什么? Cocoa是OS X和 iOS操作系统的程序的运行环境. 是什么因素使一个程序成为Co ...

  4. DotNetBar v12.7.0.2 Fully Cracked

    更新信息: http://www.devcomponents.com/customeronly/releasenotes.asp?p=dnbwf&v=12.7.0.2 如果遇到破解问题可以与我 ...

  5. windows命令行及批处理文件小结

    1.命令Shell概述(Command shell overview): The command shell is a separate software program that provides ...

  6. Apache Qpid Python 1.35.0 发布

    Apache Qpid Python 1.35.0 发布了,Apache Qpid (Open Source AMQP Messaging) 是一个跨平台的企业通讯解决方案,实现了高级消息队列协议.提 ...

  7. 未能加载文件或程序集“System.WEB.DataVisualization, Version=3.5.0.0, Culture=neutral

    项目打开 提示 如题错误. 最近用VS2010 + .NET Framework3.5SP1开发程序,使用了MsChart,但是部署到服务器的时候提示如下错误: 分析器错误消息: 未能加载文件或程序集 ...

  8. 苹果推送APNS自己总结

    开发状态服务器地址 gateway.sandbox.push.apple.com 2195 产品状态服务器地址 gateway.push.apple.com         2195 Developm ...

  9. 理解Mac和iOS中的 Event 处理

    根据现在的理解,我把event处理分为5部分,第一是,Event处理的Architecture:第二是,Event的Dispatch到first responder之前: 第三是,Event从firs ...

  10. 显示pdf

    document.all[document.all.PDFNotKnown ? "IfNoAcrobat" : "IfAcrobat"].style.displ ...