2017.9.23 HTML学习总结----JavaScript实现输入验证
定义:对于一个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实现输入验证的更多相关文章
- 2017.9.22 HTML学习总结--JavaScript脚本语言
接上: 1.JavaScript脚本语言 定义:javascript是一种简单的脚本语言,可以在浏览器中直接运行, 是一种在浏览器端实现网页与客户交互的技术javascript代码可 以直接运行在ht ...
- JavaScript实现输入验证(简单的用户注册)
1.先写用户注册页面userrAdd.jsp <body> <center> <form name="f1" id="f1" ac ...
- Javascript学习1 - Javascript中的类型对象
原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个 ...
- HTML 学习笔记 JavaScript(面向对象)
现在让我们继续跟着大神的脚步前进 学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋 一脸萌比啊.还好有大神.让 ...
- JavaScript学习13 JavaScript中的继承
JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...
- 前端之JavaScript第一天学习(1)-JavaScript 简介
javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaSc ...
- Javascript学习2 - Javascript中的表达式和运算符
原文:Javascript学习2 - Javascript中的表达式和运算符 Javascript中的运算符与C/C++中的运算符相似,但有几处不同的地方,相对于C/C++,也增加了几个不同的运算符, ...
- 学习现代 JavaScript 编程的最佳教程
天天编码 , 版权所有丨本文标题:0.0 学习现代 JavaScript 编程的最佳教程 转载请保留页面地址:http://www.tiantianbianma.com/the-modern-java ...
- 23 DesignPatterns学习笔记:C++语言实现 --- 2.7 Proxy
23 DesignPatterns学习笔记:C++语言实现 --- 2.7 Proxy 2016-07-18 (www.cnblogs.com/icmzn) 模式理解
随机推荐
- opencv-将分离合并图像(Red通道>125置255<=置0)
#include <iostream> #include <opencv2/opencv.hpp> #include "opencv2/imgproc/imgproc ...
- vue入门----------scss的配置使用
1.安装相应的依赖 cnpm install sass-loader --save-dev cnpm install node-sass --save-dev 2.在build文件下的webpack. ...
- 基于webpack的vue项目路径别名
在vue的项目里,我们可以使用../这样的相对路径的方式引用不同目录的组件: import userinfo from '../../../components/userinfo.vue'; 使用.. ...
- SQL智能提示插件——SQLPrompt
1.安装SQLPrompt,直接点击下一步即可,然后打开SQL Server 在菜单栏找到SQLPrompt选项注册该软件 2.先断开网络,然后运行注册机,将注册吗复制到序列号的地方,将两个勾选的复选 ...
- jquery 写ajax
function down(t){ $.ajax({ url : 'selectWordDate', data : { date_time : t }, dataType : 'json' ...
- Horizon
python manage.py compress python manage.py collectstatic {% extends "horizon/common/_modal_form ...
- 动态资源不缓存 filter
package com.itheima.web.filter; import java.io.IOException; import javax.servlet.Filter; import java ...
- linux上的常用命令
删除目录及文件 (删除tem目录和所有.xml文件) rm -rf tem/ *.xml 复制文件 cp zoo_sample.cfg zoo.cfg 两台机的目录相互拷贝 scp -r apps/ ...
- mysql关闭严格模式
通过配置文件修改: linux找my.cnf文件 window的修改办法是找my.ini sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES ub ...
- IIS设置问题
1.解决IIS7.5中部署WCF时,访问.svc文件的404错误问题 如果你直接在IIS 7中配置WCF,访问.svc文件时会出现404错误.解决方法,以管理员身份进入命令行模式,运行:" ...