JavaScript检查表单是否为空的函数
var textboxs = new Array(); // text类型的input集合
var radioList = new Object(); // radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合
var radioes; // 每一个name对应的Radio集合
var inputs = myform.getElementsByTagName("INPUT"); // 取form下的所有input
function fn(myform)
{
var ipt;
var textboxs = new Array(); // text类型的input集合
var radioList = new Object(); // radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合
var radioes; // 每一个name对应的Radio集合
var inputs = myform.getElementsByTagName("INPUT"); // 取form下的所有input
// 遍历所有INPUT
//
for (var i=0; i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
基于jquery实现即时检查格式是否正确的表单
现在很多网站的注册模块都可以实现即时检查格式是否正确,这样极大的增强了用户体验,对开发非常有利. 下面的代码是利用jquery实现了对一个表单字段格式的即时检查(包括字段长度.邮箱格式),同时在提交时,再次出发检查事件. 注意这个检查是keyup和focus上为主,利用这两个事件来触发blur(失去焦点)事件. <html> <head> <meta charset="utf-8" /> <title></title> <
-
检查表单元素的值是否为空的实例代码
1.概述 在实际的开发过程中,经常需要判断用户提交的表单中某个元素的值是否为空,还有一种情况是表单中所有元素的值都不允许为空.本实例将介绍一种简单有效的判断表单中所有元素是否为空的方法. 2.技术要点 主要是在JavaScript中通过循环form对象的elements属性来实现.form对象的elements属性也就是页面中form表单的所有元素的数组,例如,form.elements[0]表示表单第一个元素对象,form.elements[n]表示表单第n个元素对象. 3.具体实现代码 (1
-
javascript检查表单数据是否改变的方法
有的时候,需要检查用户是否修改了一个表单中的内容,则可以使用下面的技巧,其中如果修改了表单的内容则返回true,没修改表单的内容则返回false.代码如下: 复制代码 代码如下: function formIsDirty(form) { for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var type = element.type; if (type == "checkbox&
-
JavaScript检查表单是否为空的函数
var textboxs = new Array(); // text类型的input集合 var radioList = new Object(); // radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合 var radioes; // 每一个name对应的Radio集合 var inputs = myform.getElementsByTagName("IN
-
javascript表单是否为空验证方法
表单验证 拿到表单内容进行非空验证(单独函数封装,方便后面调用) 为空则向P里面加内容 要阻断表单提交,不然直接跳走了e.preventDefault() 提交时要判定是否为空 键值提交也要判定是否为空 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
-
JavaScript表单验证实例之验证表单项是否为空
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的,有些验证则非常的复杂,可以说是各种各样给你的要求,不过本章节只介绍一下表单中最简单的验证方式,就是判断是否为空,有些要求比较低的网站对此已经满足需要了. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww
-
基于JavaScript表单脚本(详解)
什么是表单? 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框.复选框.单选框.下拉选择框和文件上传框等. 表单按钮:包括提交按钮.复位按钮和一般按钮:用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作. JavaScript与表单间的关系:JS最初的应用就是用于分担服务器处理表单的责任,打破依赖服务器的局面,尽管目前web和jav
-
详解JavaScript表单验证(E-mail 验证)
本文为大家分享了JavaScript表单验证,被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否合法? 用户是否已输入合法的日期? 用户是否在数据域 (numeric field) 中输入了文本? 必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目.假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题): function validat
-
JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否合法? 用户是否已输入合法的日期? 用户是否在数据域 (numeric field) 中输入了文本? 必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或
-
利用策略模式与装饰模式扩展JavaScript表单验证功能
简单的表单验证 html结构 <!-- validata.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Validata</title> </head> <body> <form id="form"> <labe
-
常用javascript表单验证汇总
实例讲解:验证输入的是否是数字,是否满足数字位数,如果错误,并进行友情提醒. 效果图: <!DOCTYPE html> <html> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字.如果输入值不是数字,浏览器会弹出提示框.</p> <input id="demo" type="text"> <script> function
-
javascript表单验证大全
被 JavaScript 验证的这些典型的表单数据有以下几种: 1.用户是否已填写表单中的必填项目? 2.用户输入的邮件地址是否合法? 3.用户是否已输入合法的日期? 4.用户是否在数据域 (numeric field) 中输入了文本? 下面是用户名和密码验证代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> &
随机推荐
- Git 命令行教程及实例教程(附github注册)
- SQLSERVER中union,cube,rollup,cumpute运算符使用说明
- jQuery的实现原理的模拟代码 -1 核心部分
- JavaWeb中导出excel文件的简单方法
- ASP.NET私有构造函数用法分析
- PHP输出XML到页面的3种方法详解
- php模拟post提交数据的方法
- asp sqlserver 执行存储过程返回记录集报对象关闭时不允许操作
- asp导出excel文件最简单方便的方法
- Python中lambda的用法及其与def的区别解析
- PHP 编程安全性小结
- 如何用C语言编写PHP扩展的详解
- javascript 出生日期和身份证判断大全
- 深入理解Qt中各种消息框对话框的使用
- 改写一个简单的菜单 弹性大小
- 微信小程序 设置启动页面的两种方法
- C#操作数据库总结(vs2005+sql2005)
- Linux下Squid代理服务器的架设与维护经验分享
- Android中WebChromeClient和WebViewClient的区别浅析
- 路由器配置新手上路---IOS简介