<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<script language = 'javascript'>
//校验是否为英文
function checkchar()
{
var Letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
for (i=0; i < document.form.aaa.value.length; i++)
{
var CheckChar = document.form.aaa.value.charAt(i);
CheckChar = CheckChar.toUpperCase();
if (Letters.indexOf(CheckChar) == -1)
{
alert ("输入类型必须为英文！");
return false;
}
}
}
//校验是否为数字
function checknum(p)
{
if (p == "")
{alert ("输入不能为空！");
return false;
}
var l = p.length;
var count=0;
for(var i=0; i<l; i++)
{
var digit = p.charAt(i);
if(digit == "." )
{
++count;
if(count>1)
{alert ("输入类型必须为数字！");
return false;
}
}
else if(digit < "0" || digit > "9")
{alert ("输入类型必须为数字！");
return false;
}
}
return true;
}
//校验IP地址格式
function checkip()
{
var scount=0;
var ip = document.form3.ccc.value;
var iplength = ip.length;
var Letters = "1234567890.";
for (i=0; i < document.form3.ccc.value.length; i++)
{
var CheckChar = document.form3.ccc.value.charAt(i);
if (Letters.indexOf(CheckChar) == -1)
{
alert ("IP地址格式不对!!，只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
}
for (var i = 0;i<iplength;i++)
(ip.substr(i,1)==".")?scount++:scount;
if(scount!=3)
{
alert ("IP地址格式不对!，只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
first = ip.indexOf(".");
last = ip.lastIndexOf(".");
str1 = ip.substring(0,first);
subip = ip.substring(0,last);
sublength = subip.length;
second = subip.lastIndexOf(".");
str2 = subip.substring(first+1,second);
str3 = subip.substring(second+1,sublength);
str4 = ip.substring(last+1,iplength);
if (str1=="" || str2=="" ||str3== "" ||str4 == "")
{alert("数字不能为空！格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
if (str1< 0 || str1 >255)
{alert ("数字范围为0~255！");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
else if (str2< 0 || str2 >255)
{alert ("数字范围为0~255！");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
else if (str3< 0 || str3 >255)
{alert ("数字范围为0~255！");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
else if (str4< 0 || str4 >255)
{alert ("数字范围为0~255！");
document.form3.ccc.value="";
document.form3.ccc.focus();
return false;
}
//校验电话号码
function checkphone()
{
var Letters = "1234567890,";
for (i=0; i < document.form4.ddd.value.length; i++)
{
var CheckChar = document.form4.ddd.value.charAt(i);
if (Letters.indexOf(CheckChar) == -1)
{
alert ("电话号码只能为数字或逗号！");
return false;
}
}
}
}
</script>
<form name = "form" method="POST" action = "aa" onsubmit ="return checkchar()">
<p>校验英语字母：<input type="text" name="aaa" size="20">
</p>
<p>
<input type="submit" value="提交" name="B1">
<input type="reset" value="全部重写" name="B2"></p>
</form>
<form name = "form2" method="POST" onsubmit= "return checknum(document.form2.bbb.value)">
<p>校验数字：<input type="text" name="bbb" size="20"></p>
<p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
</form>
<form name = "form3" method="POST" onsubmit = "return checkip()">
<p>校验IP地址：<input type="text" name="ccc" size="20"></p>
<p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
</form>
<form name = "form4" method="POST" onsubmit = "return checkphone()">
<p>校验电话号码：<input type="text" name="ddd" size="20"><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
</form>
</body>
</html>
分享到：
相关推荐
JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据...
JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码...
JavaScript是一种广泛用于网页和网络应用的编程语言，其在处理用户输入时，数据校验扮演着至关重要的角色。正则表达式（Regular Expression）是进行字符串匹配和操作的强大工具，常用于数据验证。本文将深入探讨如何...
JavaScript数据验证是前端开发中一个重要的技术环节，主要用于确保用户在网页表单中输入的数据符合预设的规则，从而提高数据质量，减少服务器端的处理压力，并为用户提供更好的交互体验。这款纯JavaScript编写的验证...
2. **前后端双向验证**：虽然前端验证可以提高用户体验，但安全性和数据完整性需要依赖后端验证，因此前后端都应进行数据校验。 3. **使用标准和最佳实践**：遵循W3C标准，参考MDN Web Docs等权威资源，确保代码...
javaScript通用数据类型校验,邮件，字符串程度，数字验证
在JavaScript中，数据校验主要针对以下几个方面： 1. **用户输入校验**：这通常涉及到表单数据，如电子邮件地址、手机号码、密码强度等。例如，可以使用正则表达式来验证电子邮件地址的格式是否正确，或者检查密码...
页面数据校验是Web应用程序中的一个关键环节，它有助于确保用户提交的数据符合预期的格式、类型和范围，从而避免了后续处理阶段可能出现的问题。例如，如果一个表单字段预期接收的是电子邮件地址，那么通过前端校验...
本文将深入探讨一个关键的技术点：如何利用JavaScript实现输入数据的实时校验函数，以提升应用程序的用户体验和数据质量。 JavaScript是一种广泛应用于Web前端的脚本语言，它允许开发者在用户与网页交互时执行代码...
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...
"javascript常用数据校验正则表达式"这个主题涉及到的是在前端开发中如何使用正则来验证用户输入的数据，确保其格式正确性。下面将详细讨论JavaScript中正则表达式的常见用法以及`validate.js`这个文件可能包含的...
在客户端数据校验中，可以使用JavaScript来实现。在JSP页面中，可以使用JavaScript来检查所有请求的域，如果不符合要求就弹出错误信息。可以把需要使用JavaScript实现校验的所有函数写在validate.jsp中，包括空校验...
这些验证脚本是JavaScript中进行数据校验的基本工具，它们可以根据实际需求进行组合和扩展，以满足更复杂的应用场景。例如，你可以结合这些函数创建一个自定义的表单验证器，对用户输入进行全方位的检查。同时，随着...
企业动态网站应用程序开发——输入数据实时校验函数及使用方法（Javascript篇） 本文主要讲述了企业动态网站应用程序开发中的输入数据实时校验函数及使用方法，以Javascript为例。我们知道，企业信息化是指利用应用...
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，被广泛用于前后端数据传输。在前端开发中，正确解析和校验JSON格式至关重要，因为任何格式错误都可能导致程序崩溃或逻辑错误。本文将详细介绍一个...
- Struts2还提供了与Dojo JavaScript库的集成，可以实现客户端的数据校验，增强用户体验，减少服务器端的压力。 8. **实际应用场景** - 数据校验在用户注册、订单处理、登录验证等场景下非常重要，防止非法数据...
WEB信息系统中的数据校验问题 在WEB信息系统中，数据校验是非常重要的一环。数据校验的主要目的是为了确保数据的正确性和完整性，以避免系统中出现错误和异常。数据校验可以在客户端和服务器端进行。 客户端校验是...
本文将深入探讨“javascript校验大全”所涵盖的验证技术，包括表单验证、数据类型验证以及特殊格式验证，如邮箱、身份证号等。 1. **表单验证**：在网页交互中，表单是最常见的用户输入接口。JavaScript可以实时...
我们将通过实例代码来展示如何构建健壮的前端数据校验。 通过本文的介绍，你应该能够理解并实现基本的JavaScript表单验证。记住，验证是提高应用质量和用户体验的重要步骤。始终确保你的验证逻辑既严格又用户友好。 ...
在JavaScript编程中，数据校验是一项至关重要的任务，它确保输入的数据符合预期的格式和标准，从而提高程序的稳定性和安全性。在这个名为“javascript校验集合”的资源中，你将找到一系列针对不同类型数据的验证函数...