“偷懒”的表单验证Demo

转载 2006年05月27日 20:31:00
我们在做开发时,经常要做表单验证,比如验证文本框必须填内容时,而文本框又很多时,传统的做法是逐个判断: if (form1.name.value == "") { alert("Sorry,please input your name!") form1.focus(); } 这样一来要写的代码太多了,有没有“偷懒”的方法呢,答案是肯定的,请看下面的代码:
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
">
<head>
<title>“偷懒”的表单验证Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="Dicky">
<meta name="Keywords" content="Name:Dicky;QQ:25941;MSN:HaiJunGu@HotMail.Com">
<meta name="Description" content="Name:Dicky;QQ:25941;MSN:HaiJunGu@HotMail.Com">
<script language="javascript" type="text/javascript">
<!--
//剪去字符串内的所有空格
function JsTrim(str)
{
var newstr = ""
for(var jj = 0;jj < str.length;jj ++)
{
var tmpstr = str.substring(jj,jj+1);
if (tmpstr != " ")
{
newstr = newstr + tmpstr;
}
}
return newstr;
}
function CheckForm()
{
var obj = document.body.getElementsByTagName("input"); //列出所有标签为input的集合
for (var mm = 0; mm < obj.length; mm++)
{
if ((obj[mm].getAttribute("type") == "text") && (obj[mm].getAttribute("name") != "Address")) //不检查Address是否输入
{
if (JsTrim(obj[mm].value) == "")
{
window.alert(obj[mm].getAttribute("ErrorMsg")); //弹出错误提示语
obj[mm].focus();
obj[mm].select();
return false;
}
}
}
document.form1.submit();
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" onsubmit="return CheckForm(this);">
<div>Name:<input type="text" name="Name" errormsg="Sorry,please input your name!" /></div>
<div>Sex :<input type="text" name="Sex" errormsg="Sorry,please input your sex!" /></div>
<div>Age :<input type="text" name="Age" errormsg="Sorry,please input your age!" /></div>
<div>Addr:<input type="text" name="Address" />
<div><input type="submit" name="Submit" value="Submit" /> <input type="reset" name="Reset" value="Reset" /></div>
</form>
</body>
</html>

“偷懒”的表单验证Demo

我们在做开发时,经常要做表单验证,比如验证文本框必须填内容时,而文本框又很多时,传统的做法是逐个判断: if (form1.name.value == "") { alert("Sorry,pleas...
  • AppleBBS
  • AppleBBS
  • 2006年05月21日 13:10
  • 2283

程序员就是累死能干的闲死偷懒的

我不是一个“充满干劲的程序员”。我觉得,固定8小时工作之后,就应该去做点别的事情,比如说看看科幻小说,和我亲爱的妻子聊聊天等等。当别人问起,我会正儿八经地这么回答,“这才是所谓的生活。你也应该试一试”...
  • zang141588761
  • zang141588761
  • 2016年01月29日 17:42
  • 2341

网站注册页面Demo及表单验证功能源码

页面的构建简单地应用了bootstrap,通过js代码实现了注册表单的验证功能。代码如下: 用户注册 ...
  • u012801337
  • u012801337
  • 2015年07月09日 16:42
  • 3807

测试人员偷懒法则

偷懒大法 测试一项重复而又累的工作,我想作为一个测试人员应该都是深有体会的,那么如何给自己减负呢?那就要学会“偷懒”。对测试来说繁杂的事情特别多,因为之前提过测试不仅仅是发现bug,而且要保障产品项...
  • qq_34986273
  • qq_34986273
  • 2018年01月09日 16:35
  • 11

小程序猿的工作偷懒之路(1)-Java反射在工作中的应用

一、场景 在日常的开发工作中,主要涉及到的是MIS产品的开发,从业务上来说,不同的领域可能会有不同的业务,但是从软件行为的角度来考虑,我认为实质上绝大多数的MIS系统大体功能都是相近的,无外乎生成数据...
  • u013715847
  • u013715847
  • 2014年03月01日 21:09
  • 988

偷懒万岁-让PHP自己初始化类

(本文于2010.10.01发表在《草根》杂志第四期) 
  • quxiaozuzhou123
  • quxiaozuzhou123
  • 2010年10月18日 15:28
  • 241

wince驱动开发的偷懒方法

wince下面开发驱动每次都build debug版本的OS非常费时费力,在不需要debug OS code的情况下,可以把OSbuild成Release版本,把自己开发的驱动build成Debug版...
  • ratmouse
  • ratmouse
  • 2009年05月14日 13:24
  • 524

Angularjs表单验证demo

body {             padding-top:30px;         }                     var myapp = angular.m...
  • u014788227
  • u014788227
  • 2015年10月21日 15:39
  • 970

layui表单验证demo

表单验证方法很多,使用layui插件自带的验证写法也是很简单。首先到官网http://www.layui.com/下载layui插件,然后按照官方提供的API编写前台页面就可以了,下面提供一个layu...
  • visant
  • visant
  • 2017年11月30日 16:17
  • 188

还算实用的验证表单H5

表单验证                                     用户名:                                           ...
  • u010895694
  • u010895694
  • 2017年04月05日 15:04
  • 562
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:“偷懒”的表单验证Demo
举报原因:
原因补充:

(最多只允许输入30个字)