<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Validate Demo</title>
<style>
td{
padding-left:5px;
font-size:12px;
}
.red{
color:red;
padding-left:10px;
}
</style>
</head>
<body>
<form name="form1" method="post" action="">
<table width="500" border="0" align="center" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF">
<td width="100">Text01</td>
<td width="300"><input name="a1" type="text" id="a1"></td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Text02</td>
<td><input name="a2" type="text" id="a2"></td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF" align="center">
<td colspan="3"><input type="button" name="Submit" value="DoCheck" onClick="doCheck()"></td>
</tr>
</table>
</form>
<script>
function doCheck()
{
var t=document.all;
clearAllErr();
alert("will Start to check.....")
if(t.a1.value=="")
{
addErr(t.a1,"不能为空");
}
if(t.a2.value=="")
{
addErr(t.a2,"不能为空");
}
}
/**
**
*清除所有错误信息
*
*/
function clearAllErr()
{
var tt = document.all.errspans;
if(!IsJsObject(tt)) return ;
if(tt.length > 1)
{
for(var i=0;i<tt.length;i++)
{
tt[i].innerHTML = "";
}
}
else
{
tt.innerHTML = "";
}
}
/**
**
*增加错误信息
*@fieldName 输入框id
*@mesg 错误信息
*/
function addErr(fieldName, mesg)
{
var newElement = document.createElement("SPAN");
newElement.className = "red";
newElement.id = "errspans";
newElement.name = "errspans";
if(fieldName.parentNode.lastChild.name != "errspans")
{
fieldName.parentNode.appendChild(newElement);
}
if(fieldName.parentNode.lastChild.innerHTML == "")
{
fieldName.parentNode.lastChild.innerHTML = mesg;
}
}
/*
*功能:判断是否输入参数对象是否存在
*参数:对象本身,比如document.all.inputName
*/
function IsJsObject(obj)
{
try
{
if(typeof(obj) == 'object')
{
return true;
}
else
{
return false;
}
}
catch(e)
{
//alert(e.message);
return false;
}
}
</script>
</body>
</html>
分享到:
相关推荐
页面数据校验类 PageValidate
页面校验函数。该函数可以很方便的校验页面上不许为空的项,校验页面输入框Text的合法值,如数字和日期的校验等。如果不许某项为空可以这样设置:申请单位:申请单位;nullStr:false;">。使用该函数只能对页面text...
页面校验的使用说明----
注册页面与登录页面采用简单js校验
页面修改、添加等对基本信息进行校验,包括身份证号、手机号、其他校验等
附件是一个标准的register注册页面,JS校验采用接口模式。
非得20个字,真是麻烦。描述不知道,下了就知道好不好!!!
jsp页面登陆注册时,完整的校验用户名和密码等信息
纯页面表单校验。修改可以为你所用,自己写的,欢迎鼓励
在Vue.js应用程序中实现让login.vue页面有一个全局的背景图了。需要注意的是,由于全局样式会作用于整个应用程序,因此在设计样式时要注意不要影响到其他页面。 一定要注意body标签,这个标签默认是有 margin:8px ...
网页中的各种校验大全 包含各种正则表达式的使用,如中文 邮箱,电话全部校验
教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验
页面特效JavaScript校验等,一般用到的应有尽有
POI导入Excel并返回校验后的错误文件(原样数据文件,并添加批注,注:由于批注只能加1000条,会在Excel后面添加一栏错误信息)下载以及页面展示校验错误信息,同时添加导入进度条,提供页面js和css代码,后端...
第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断 第四步:数据合法(让表单提交) 第五步:数据...
基于Linux Apache Mysql PHP的OA系统页面校验技术.pdf
压缩包里面包含了很多页面的js校验
支持正则表达式,可根据需要自己增加,功能强大,使用方便。
前端经典——vue实现登录页面开屏广告+校验demo