javascript 校验 非空_Javascript的表单与验证-非空验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

表单提交前要检查数据的合法性

在要对表单里的数据进行验证的时候,可以利用getElementById()来访问网页上任何一个元素

每个表单域都有一个form对象,可被传给任何验证表单数据的函数

function showIt(thisForm)

{

alert(thisForm["zipcode"].value);

//通过form对象的name属性,取得元素的值

}

利用name属性或getElementById()方法都可以完成对元素的获取

检查表单数据的时机,取决于选择正确的用户输入事件去处理。

也就是说,当用户输入数据后立即对数据验证。

用户在输入数据时的顺序是:

选择输入域

在域里输入数据

离开该域,移往下个目标

选择下个目标域

在域里输入数据

在这个过程中,会激发一系列的事件,利用这些事件,可以找到对数据验证的时机

1) 选中输入域时 –激发onfocus事件(焦点)

2) 离开输入域时 –激发onblur事件(离开焦点)

3) 离开该域并且输入内容发生改变时 –激发onchange事件

最正确的选择是在激发onblur事件时去对数据进行验证

验证的第一步:检查域不为空

调用validateNonEmpty来响应onblur事件

表单对象使用关键字this被传至函数

以下是验证函数

function validateNonEmpty(inputField)

{

if(inputField.value.length==0)

{

alert("Please enter a value.");

return false;

}

return true;

}

在网页表单进行提交的时候,一定要对用户输入的数据进行验证

在要对表单里的数据进行验证的时候,可以利用getElementById()来访问网页上任何一个元素

以上内容是针对Javascript的表单与验证-非空验证的全部叙述,希望对大家有所帮助!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/501707.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机网络同步技术,计算机网络同步技术

同步:通信双方的收发数据序列必须在时间上一致,以使接收方能准确地区分和接收发送方发来数据。同步方式:同步传输、异步传输。1.异步传输(起—止式同步方式)异步传输:发送端和接收端的时钟信号是各自独立的。特点:信息…

dts数据库迁移工具_干货分享丨DM8 DTS工具使用小技巧

DTS工具的介绍DM数据库为迁移提供了图形化工具——DTS。DTS可以从主流大型数据库迁移到DM、DM到DM、文件迁移到DM以及DM迁移到文件的功能,极大的简化了迁移操作,让数据迁移变得简单。DTS迁移步骤1.可以查看迁移帮助工具2.新建工程,工程名为qy…

中科大计算机复试题目,08中科大11系(计算机)复试

0808中科大11系(计算机)复试今年成绩出来的比较早,所以复试的也比较早29复试,一般都周末复试,31号成绩就出来了,然后给三天时间联系导师签收,一般都能联系上,只是好坏的差别,交表,体…

hsv 直方图均衡化_Opencv从零开始 - 「启蒙篇」- 直方图、直方图均衡和反向投射...

本文主要介绍一些opencv关于直方图的一些知识运用,直方图是非常常用的图像处理方法,有时候在很多图像预处理中能起到特别好的效果,大家可以一起来学习探讨~目录直方图计算直方图直方图均衡化CLAHE 自适应均衡化2D直方图直方图反射投影直方图✏…

浙江嘉兴计算机学校排名,嘉兴计算机考研线上课程实力排名

嘉兴计算机考研线上课程实力排名冲刺分清主次现在各科的复习已经进入**后的收尾工作了,现在基本上就是扫除知识盲区,进行知识点的查缺补漏非法学法律硕士考研报考条件而且,妥协次就会有第二次,所以一开始就不要下载那些APP&#x…

b - 数据结构实验之查找二:平衡二叉树_文件系统的灵魂数据结构 B树

其实平衡二叉树的代码实现已经挺复杂的了,但是一山更比一山高,B树算法的原理和代码实现都比平衡二叉树要更为复杂。我没有让大家知难而退的意思,面试的时候肯定不会让你写B树这么复杂的算法,大家先听我讲讲B树这种数据结构的思想吧…

计算机技术如何设计酶,百人学者Nature Chemical Biology发文,发现一种设计酶的新方法...

生物通报道:中科院微生物研究所,荷兰格罗宁根大学的研究人员发表了题为“Computational redesign of enzymes for regio- and enantioselective hydroamination”的文章,利用计算机方法重新设计了天冬氨酸酶,将其转化为不对称加氢…

python2和python3的print语句语法有什么不同_Python3.2的版本,输入print语句总是出错,是什么原因?...

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":5,"count":5}]},"card":[{"des":"阿里云函数计算(Function Compute)是一个事件…

全国计算机二级哪几门比较热,【热】全国计算机二级office难吗

摘要: 【热】全国计算机二级office难吗为你介绍计算机二级office难吗 计算机二级office比较难,计算机二级office考试通过率大致在22%左右,具有一定难度。想要通过考试,需要多刷计算机二级office真题。 计算机二级office考试难度对…

计算机专业网站的开题ppt,.计算机专业开题报告.ppt

.计算机专业开题报告“ ” “ ” 基于NS的无线网络的AODV路由协议仿真测试与性能分析 毕业论文开题报告 指导老师:*** 学生姓名:*** 开题报告讲解提纲 1、课题研究的意义和目的 2、论文提纲 3、研究的预期目标及主要特点及创新点 4、研究方法和途径 课题…

word总页数不包含封面_6个实用的word模板,让你快速制作表格和目录

Word是我们日常办公经常用到的一款软件,word中自带了一些常用操作的模板,可以方便我们快速实现相应的需求,而且颜值也会提升一个档次,但是不过我们很多朋友都不太知道,今天就给大家盘点一些word中都有哪些好用的模板&a…

计算机版初中语文课文原文,《背影》课文原文

我与父亲不相见已二年余了,我最不能忘记的是他的背影。那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州,打算跟着父亲奔丧回家。到徐州见着父亲,看见满院狼藉的东西,…

前端面试技巧和注意事项_前端面试百分之九十九过的技巧

2020最全的前端面试指南,一个多月 1.8w 字的面试经验积累,凭借它最终成功入职大厂……今年的金三银四刚好赶上疫情,很多大公司都停止招聘甚至裁员,想跳槽的小伙伴被打的措手不及。需求减少要求肯定随之提高,谨以此面经…

node获取服务器cpu信息,听说你不知道如何监控Node服务的内存?

刚开始,先抛出一个问题:你知道你们生产环境的 Node 服务平时占用内存多少吗?或者说是多少量级?山月在面试 Node 候选人时,这个问题足够筛掉一半的自称Node精通者,不过没有回答上来,我往往会再补…

调python返回图片_三个好习惯,帮你写好Python里的异常处理

如果你用 Python 编程,那么你就无法避开异常,因为异常在这门语言里无处不在。打个比方,当你在脚本执行时按 ctrlc 退出,解释器就会产生一个 KeyboardInterrupt 异常。而 KeyError、 ValueError、 TypeError 等更是日常编程里随处可…

easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...

js前台对datagrid的定义代码,如下mygrid $(#mytable).datagrid({fit: true, //自动大小height: auto,rownumbers: true, //行号fitColumns: true,collapsible: true, //是否可折叠的loadMsg: 数据装载中......,singleSelect: true, //单行选取pagination: true //显…

如何调位置_如何知道手表是偷停还是真没动力了?看完之后你在家也能测

导读:石英表如果出现偷停情况,通常是这几个地方出现问题:一、线路板接触不良;二、电池未安装到位;三、电池电量不足;四、受力导致的电池接触不良等;解决方案:一、修复或更换线路板&a…

用ajax传值input file,获取 input type=file 标签的内容,并使用ajax进行请求到服务器...

数据结构:栈 顺序表方法和单链表方法(python版)#!/usr/bin/env python # -*- coding:utf-8 -*- class StackUnderflow(ValueError): pass #链表节点 class Node ...SQLServer中给表增加组合唯一约束将两个或者多个字段一起约束成一个唯一约束 alter table 表名 add …

一元三次方程重根判别式_如何求一元三次方程

我们知道,一元二次方程 的根可以通过求根公式 计算那一元三次方程的根如何求?进行百度的话,我们可以发现一元三次方程可以采用卡尔丹公式和盛金求根公式来计算。下面用最基础的代数方法来理解卡尔丹公式怎么来的。一元三次方程 1、为了解最初…

怎么安装aptdaemon模块_自己开发一个React Native 模块

大纲为什么需要 React Native Module如何创建一个 React Native的模块编写 Android Toast 功能模块如何调试 React Native 模块---------官方文档中未提及或者我没有找到,这里是我自己探索的npm 发布一个 React Native 模块(外链接)为什么需要…