表单校验demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function check() {
//教研名字
var firstnamev = document.getElementById('firstname').value;
if (firstnamev == '') {
alert('名字不能为空');
return false;
} else {
for (var i = 0; i < firstnamev.length; i++) {
var c = firstnamev[i];
if (c >= 0) {
alert('名字不能包含数字');
return false;
}
}
}
//教研姓氏
var lastnamev = document.getElementById('lastname').value;
if (lastnamev == '') {
alert('姓氏不能为空');
return false;
} else {
for (var j = 0; j < lastnamev.length; j++) {
var cl = lastnamev[j];
if (cl >= 0) {
alert('姓氏不能包含数字');
return false;
}
}
} //校验邮箱
var emailv = document.getElementById('email').value;
if (emailv == '') {
alert('邮箱不能为空！');
return false;
} else {
var index1 = emailv.indexOf('@');//字符串中包含“@”
var index2 = emailv.indexOf('.');//字符串中包含“.”
if (index1 == -1 || index2 == -1) {//@,.不存在
alert('邮箱地址不合法！');
return false;
} else if (index1 >= index2) {//@在.的后面,索引大于.
alert('邮箱地址不合法！');
return false;
}
} //校验密码
var p = document.getElementById('password').value;
if (p == '') {
alert('密码不能为空!');
return false
} else if (p.length <= 3) {
alert('密码长度小于6!');
return false;
} var chekpsdv = document.getElementById('check_password').value;
if (chekpsdv == '') {
alert('请再次输入密码');
return false;
}
else if (chekpsdv != p) {
alert('两次输入密码不一致');
return false;
}
}
</script>
</head>
<body>
<form action="do.html" onsubmit="return check();">
名字：<input type="text" id="firstname"><br>
姓氏：<input type="text" id="lastname"><br>
邮箱：<input type="text" name="" id="email"><br>
密码：<input type="txt" name="" id="password"><br>
再次输入密码：<input type="txt" name="" id="check_password"><br>
<input type="submit" value="提交">
</form>
</body>
</html>
表单校验demo的更多相关文章
- React-Antd4的Form表单校验
之前很少用react做项目,最近入职新公司,用的react,在自己的摸索过程中,慢慢会记录一些使用方法.今天简单记录一下使用antd 4.0版本的Form表单校验,直接代码. 需要购买阿里云产品和服务 ...
- 利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件
表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个 ...
- AngularJS 1.2.x 学习笔记（表单校验篇）
https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...
- vue.js基础知识篇(7):表单校验详解
目录 网盘 第12章:表单校验 1.npm安装vue-validator $ npm install vue-validator 代码示例: var Vue=require("vue&quo ...
- 【转】vue.js表单校验详解
官方文档:https://monterail.github.io/vuelidate/ https://github.com/monterail/vuelidate 1.npm安装vue-valida ...
- 表单校验插件（bootstrap-validator）
表单校验插件(bootstrap-validator) 参考文档 http://blog.csdn.net/nazhidao/article/details/51542508 http://blog. ...
- 应用二：Vue之ElementUI Form表单校验
(注:本文适用于有一定Vue基础或开发经验的读者,文章就知识点的讲解不一定全面,但却是开发过程中很实用的) 表单校验是前端开发过程中最常用到的功能之一,根据个人的工作经验总结在此对表单校验功能的基 ...
- angularJs表单校验（超级详细！！！）
html代码 <!DOCTYPE html> <html ng-app="angularFormCheckModule"> <head> < ...
- @valid表单验证demo
springMVC 表单验证demo 视图层使用的是jsp
随机推荐
- eclipse 打包 jar 到 Linux上运行
1.选择需要打包的项目,右键 Export 2.选择Runnable JAR file,然后点击 Next 3.选择jar包运行的main类,以及定义jar包的名字,保存的地方 4.将 导出来的 ja ...
- word2vec原理(二) 基于Hierarchical Softmax的模型
word2vec原理(一) CBOW与Skip-Gram模型基础 word2vec原理(二) 基于Hierarchical Softmax的模型 word2vec原理(三) 基于Negative Sa ...
- Koa框架教程,Koa框架开发指南,Koa框架中文使用手册,Koa框架中文文档
我的博客:CODE大全:www.codedq.net:业余草:www.xttblog.com:爱分享:www.ndislwf.com或ifxvn.com. Koa -- 基于 Node.js 平台的下 ...
- bootstrap 切换页签失效的解决方法
概述 bootstrap开发标签页时,标签页显示正常,但点击时候对应内容区域没有变化. 具体症状与解决方案 1.标签页UI出现,但点击无反应,标签页UI并未随点击进行切换 先检查bootstrap.c ...
- opencv 访问图像像素的三种方式
访问图像中的像素 访问图像像素有三种可行的方法方法一:指针访问指针访问访问的速度最快,Mat类可以通过ptr函数得到图像任意一行的首地址,同时,Mat类的一些属性也可以用到公有属性 rows和cols ...
- android学习笔记之GridView的使用
除了listview会使用适配器外,还有一种就是GridView,listview是单列多行的显示形式,适用于多项目的查看.而GridView是多行多列的显示形式,一般用在查看图片样式的activit ...
- 《Python学习手册》读书笔记【转载】
转载:http://www.cnblogs.com/wuyuegb2312/archive/2013/02/26/2910908.html 之前为了编写一个svm分词的程序而简单学了下Python,觉 ...
- Oracle基础--体系
1. 连接到Oralce At the operating system prompt, enter the following command to start the SQLCommand Lin ...
- 【物联网云端对接-4】通过MQTT协议与百度云进行云端通信
百度云的天工物联网服务目前包括:物接入.物解析.物管理.时序数据库和规则引擎等5大部分,本篇文章仅介绍物接入. 天工物联网的物接入,从开发者的角度来说相对有些复杂,需要多步操作才能实现一个云设备的创建 ...
- js面试题知识点全解(一作用域和闭包)
问题: 1.说一下对变量提升的理解 2.说明this几种不同的使用场景 3.如何理解作用域 4.实际开发中闭包的应用 知识点: js没有块级作用域只有函数和全局作用域,如下代码: if(true){ ...