定义：对于一个HTML页面中的表单，可以获取其中的各项表单域信息，

　　　利用这些信息，可以判定个表单域所提供的输入值是否合法，是否

　　　符合所要求的格式，这就是表单的输入验证。

　　（1）需要验证的表单输入域的要求：

　　　　·用户名：用户名是否为空，是否符合规定的格式（用户名有字母开头，后跟字幕、数字或下划线！）。

　　　　·密码：密码长度是否超过6，两次密码输入是否一致。

　　　　·邮箱地址：邮箱地址必须符合邮箱的格式。

　　（2）提交表单并实现输入验证的方式：

　　　　一般用buttom类型，“提交”时先执行“响应函数”

　　　　提交格式：

　　<input type="buttom" value="提交" onClick=“响应函数”>

　　另外，再验证函数中，当都满足格式后，在用以下格式，实现提交；、

　　　　　　document.forms[0].submit();

function validata(){

    var name=document.forms[0].userNmae.value;

    var pwd=document.forms[0].userPwd.value;

    var pwd1=document.forms[0].userPwd1.value;

    var email=document.forms[0].userEmail.value;

    var accept=document.forms[0].accept.checked;

    var reg1=/[a-zA=Z]\w*/;

    var reg2=/\w+([-+.']\w+)*@\w+([-.]\w+)*.\w+([-.]\w+)*/;

    if(name.length<=0)alert("用户名不能为空！！")；

    else if(!reg1.test(name))alert("用户名格式不正确！！")；

    else if(pwd.length<6)alert("密码长度必须大于等于6！ ")；

    else if（“pwd！=pwd1”）alert（“两次密码不一样！”）；

    else if（“！reg2.test(email))alert("邮件格式不正确”）；

    else if（“accept==false”）alert（“您需要仔细阅读并同意接受有用户使用协议”）；

else document.forms[0].submit();

}

然后再页面的<head> </head>之间，添加一行：

<script language=“javascript” src=“ch02_10_JavaScript.js”></script>;

最后，修改注册页面以及最后的“提交输入域”：

<input type="Buttom" value="提交" onClick="validata()"/>;

2017.9.23 HTML学习总结----JavaScript实现输入验证的更多相关文章

  1. 2017.9.22 HTML学习总结--JavaScript脚本语言

    接上: 1.JavaScript脚本语言 定义:javascript是一种简单的脚本语言,可以在浏览器中直接运行, 是一种在浏览器端实现网页与客户交互的技术javascript代码可 以直接运行在ht ...

  2. JavaScript实现输入验证（简单的用户注册）

    1.先写用户注册页面userrAdd.jsp <body> <center> <form name="f1" id="f1" ac ...

  3. Javascript学习1 - Javascript中的类型对象

    原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个 ...

  4. HTML 学习笔记 JavaScript（面向对象）

    现在让我们继续跟着大神的脚步前进 学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋 一脸萌比啊.还好有大神.让 ...

  5. JavaScript学习13 JavaScript中的继承

    JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...

  6. 前端之JavaScript第一天学习(1)-JavaScript 简介

    javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaSc ...

  7. Javascript学习2 - Javascript中的表达式和运算符

    原文:Javascript学习2 - Javascript中的表达式和运算符 Javascript中的运算符与C/C++中的运算符相似,但有几处不同的地方,相对于C/C++,也增加了几个不同的运算符, ...

  8. 学习现代 JavaScript 编程的最佳教程

    天天编码 , 版权所有丨本文标题:0.0 学习现代 JavaScript 编程的最佳教程 转载请保留页面地址:http://www.tiantianbianma.com/the-modern-java ...

  9. 23 DesignPatterns学习笔记：C++语言实现 --- 2.7 Proxy

    23 DesignPatterns学习笔记:C++语言实现 --- 2.7 Proxy 2016-07-18 (www.cnblogs.com/icmzn) 模式理解

随机推荐

  1. Vue.js-----轻量高效的MVVM框架（十一、使用slot分发内容）

    #单个slot html: <h3>#单个slot</h3> <!-- 定义child01模板 --> <template id="child01& ...

  2. (转)shell中test命令方法详解

    test命令用法.功能:检查文件和比较值 shell中test命令方法详解 原文:https://www.cnblogs.com/guanyf/p/7553940.html 1)判断表达式 if te ...

  3. statfs获得硬盘使用情况 模拟linux命令 df

    转自:http://blog.csdn.net/mociml/article/details/5335474 先说statfs结构:#include <sys/vfs.h>    /* 或 ...

  4. hystrix应用介绍（一）

    声明:本文仅做个人的一次接口重构过程记录,期间参考了一些写的不错的博客,如果存在抄袭,请留言. hystrix基本介绍 hystrix 是一个开源的容灾框架,目的是为了解决当依赖服务出现故障或者接口响 ...

  5. 登录mysql数据库出现 : ERROR 1045 (28000): Access denied for user 'ODBC'@'localhost' (using password: NO) ER或者忘记密码

    1.     在安装mysql的文件目录中找到配置文件my.ini  ,然后右击用记事本打开 2.     打开后,搜索mysqld关键字 找到后,在mysqld下面添加skip-grant-tabl ...

  6. 各种推导式<"一行能解决的事,为什么要用那么多行">

    一.推导式 1.列表:[结果 for循环 条件筛选] 2.字典:{k:v for循环 条件筛选} 3.集合推导式{k for循环 条件筛选} ???为什么没有元组推导式 二.生成器表达式(元组表达式) ...

  7. 对数组排序进行"洗牌"(随机排序)

    这段代码在这里使用Fisher Yates洗牌算法给一个指定的数组进行洗牌(随机排序). function shuffle(arr) {     var i,        j,        tem ...

  8. sharepoint2007就地升级2010系列（四）升级数据库

    上一篇我们完成了系统的升级,今天我们来看一下SQL2005X64是如何升级到SQL2008X64的. 首先,我们先停掉所有sharepoint的服务 其实网上的文档并没有写到这一步,但是我个人觉得,要 ...

  9. java中空字符串、null的区别

    String 的null,或者赋值为"",有什么区别? 废话少说,上代码: public class EmptyAndNull { /** * @param args */ pub ...

  10. 用户管理的设计--4.jquery的ajax实现登录名的校验

    页面效果 鼠标失去焦点时,不需要刷新页面进行校验,判断登录名是否重复. 实现步骤 1.引入struts2-json-plugin-2.5.10.1插件包 2.页面使用jquery的ajax实现后台校验 ...