`
bdk82924
  • 浏览: 563540 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

一个简单的页面校验

    博客分类:
  • Web
 
阅读更多

 

 

 

<!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>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td>Text02</td>
      <td><input name="a2" type="text" id="a2"></td>
      <td>&nbsp;</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>

 

分享到:
评论

相关推荐

    页面校验的使用说明

    页面校验是Web开发中一个重要的环节,它用于确保网页的HTML或CSS代码符合特定的规范,从而提高页面的可访问性、兼容性和性能。在本篇内容中,我们将深入探讨页面校验的使用方法,以及它对于网页开发的重要性。 一、...

    页面的数据校验JS和HTML

    页面数据校验是Web应用程序中的一个关键环节,它有助于确保用户提交的数据符合预期的格式、类型和范围,从而避免了后续处理阶段可能出现的问题。例如,如果一个表单字段预期接收的是电子邮件地址,那么通过前端校验...

    页面输入校验

    在IT行业中,页面输入校验是一项...综上所述,页面输入校验是一个涉及多方面技术和策略的复杂过程,需要开发者综合考虑用户体验、数据准确性、系统安全等多个因素,确保用户输入的数据能够准确无误地被系统接受和处理。

    页面数据校验类 PageValidate

    页面数据校验类 PageValidate

    页面校验函数。该函数可以很方便的校验页面上不许为空的项,校验页面输入框Text的合法值,如数字和日期的校验等

    页面校验函数。该函数可以很方便的校验页面上不许为空的项,校验页面输入框Text的合法值,如数字和日期的校验等。如果不许某项为空可以这样设置:申请单位:申请单位;nullStr:false;"&gt;。使用该函数只能对页面text...

    struts2 简单数据校验

    在“Struts2_1100_SimpleDataValiation”这个压缩包中,可能包含了相关的代码示例、教程文档,或者是一个简单的Struts2项目,用于演示如何在实际应用中实现数据校验。你可以通过解压文件,学习和理解Struts2数据校验...

    正则表达式的页面校验js(附例子)

    - 一个简单的邮箱校验例子: ```javascript function validateEmail(email) { var regex = /^\S+@\S+\.\S+$/; if (!regex.test(email)) { alert("请输入有效的邮箱地址!"); return false; } return true; ...

    一个简单的struts校验例子

    在这个“一个简单的Struts校验例子”中,我们将探讨如何在Struts框架中实现数据验证,这对于确保用户输入的正确性和安全性至关重要。 在Web应用程序中,数据验证通常在客户端和服务器端进行。客户端验证可以提供...

    CS校验计算器

    "飘荡软件.url"则可能是一个快捷方式或者链接,指向该软件的官方网站或者下载页面,用户可以通过这个链接获取更多关于软件的信息或者获取更新版本。 总的来说,CS校验和计算是保证数据完整性和正确性的重要手段,而...

    网页中的各种校验大全

    一个常用的邮箱验证正则表达式是 `^[\w\.-]+@[\w-]+(\.[\w-]+)+$`,它能匹配大部分常见的邮箱格式。 3. **电话号码校验**:不同国家的电话号码格式不一,但大多数都遵循一定的规则。例如,中国的电话号码通常以数字...

    jsp的注册与登录页面,采用简单js校验

    "采用简单js校验"表明注册和登录表单使用JavaScript进行了一些基本的输入验证,如非空检查、格式验证等。 **注册页面** 通常包含用户信息输入字段,如用户名、电子邮件、密码等。前端验证可能包括检查用户名是否为...

    Struts2简单数据校验源码 20120417

    Struts2是一个非常流行的Java Web框架,用于构建和维护可扩展且易于管理的企业级应用程序。在Struts2中,数据校验是确保输入数据正确性和完整性的关键环节,它可以帮助开发者预防潜在的数据错误,提高应用的健壮性。...

    一个标准的register注册页面(含JS校验和页面跳转)

    【标题】中的“一个标准的register注册页面(含JS校验和页面跳转)”指的是一种常见的Web开发场景,即创建一个用户注册界面,其中包含了JavaScript进行的数据验证以及基于验证结果的页面重定向功能。这样的页面是任何...

    Struts2 校验器

    Struts2是一个非常流行的Java Web框架,用于构建和维护可扩展且健壮的企业级应用程序。在Struts2中,校验器(Validator)是处理用户输入验证的核心组件,确保提交到服务器的数据符合预设的业务规则。这篇博客文章...

    jsp字段校验与非字段校验

    例如,一个简单的XML验证配置可能如下: ```xml &lt;message&gt;Email is required! &lt;message&gt;Invalid email format! ``` 在这个例子中,我们定义了两个校验规则:一个是检查电子邮件字段是否为空,另一...

    纯页面表单校验

    纯页面表单校验。修改可以为你所用,自己写的,欢迎鼓励

    CRC32校验工具

    `CRC校验工具下载 v2.0_ - pc6下载站.url`看起来是一个网址链接,指向这个工具的下载页面,可能是某个软件下载网站,如pc6下载站。用户可以通过这个链接获取最新的版本或者查看更多的相关信息。 在实际应用中,CRC...

    注册一个DLL,让你的文件属性带校验功能

    标题中的“注册一个DLL,让你的文件属性带校验功能”指的是通过动态链接库(DLL)来增强Windows系统对文件属性的处理,特别是在文件校验方面。DLL是一种可执行代码库,可以被多个程序共享,从而减少内存占用和提高...

    取校验位软件

    1. 奇偶校验:这是一种最简单的校验方式,通过统计数据中1的个数是奇数还是偶数来确定一个校验位。这种方法能检测单比特错误,但无法检测多比特错误。 2. CRC(循环冗余校验):CRC是一种更强大的校验方法,它使用...

    教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验

    在“教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验”这个主题中,我们将深入探讨如何利用JavaScript进行有效的数据验证。 首先,我们需要了解JavaScript的基本语法和特性。JavaScript是一种解释型...

Global site tag (gtag.js) - Google Analytics