happygx
javascript 验证小结

1，验证文本框中的值是不是数字，并且设置数字大小范围

View Code
function fx() {
var o = document.getElementById("txt_finsh").value;
if (isNaN(o)) {
alert("请输入如数字");
document.getElementById("txt_finsh").focus()
}
else {
if (parseInt(o) >100|| parseInt(o) <0) {
alert("大于100或者小于0 ");
document.getElementById("txt_finsh").focus()
}

}
}
<asp:TextBox ID="txt_finsh" runat="server" onblur="fx()" Width="133px"></asp:TextBox>

2，长度限制

View Code
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符！");
document.a.b.focus();
returnfalse;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>

//或者
<script type="text/javascript">
function test()
{

if(document.getElementById("b").value.length>50)
{
alert("不能超过50个字符！");
document.getElementById("b").focus();
returnfalse;
}
}
</script>
<textarea id="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input id="Button1" type="button" onclick="test()" value="button"/>
</form>

3，非法值校验(设定不能输入的值)

View Code
<script language="javascript">
<!--

function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
returntrue;
returnfalse;
}

function CheckForm()
{
if ((contain(document.getElementById("Text1").value, "%\(\)><"))

|| (contain(document.getElementById("Text1").value, "%\(\)><")))
{
alert("输入了非法字符");
document.getElementById("Text1");
returnfalse;
}
returntrue;
}
//-->
</script>
<input id="Text1" type="text"/>
<input id="Button2" type="button" onclick="CheckForm()" value="button"

/>

4，中文/英文/数字/邮件地址合法性判断

View Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="baidu.aspx.cs" Inherits="WebApplication1.baidu"%>

<!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 runat="server">
<title></title>

<script type="text/javascript">


function isEnglish(name) //英文值检测
 {
alert(name);
if (name.length ==0) {
returnfalse;
}
for (i =0; i < name.length; i++) {
// if ((name.charCodeAt(i) > 'A' && name.charCodeAt(i) < 'Z') || (name.charCodeAt(i) > 'a' && name.charCodeAt(i) < 'z'))
if (isNaN(name)) {
returntrue;
}
returnfalse;
}

}

function isChinese(name) //中文值检测
 {
if (name.length ==0)
returnfalse;
for (i =0; i < name.length; i++) {
if (name.charCodeAt(i) >128) {
returntrue;
}
}
returnfalse;
}

function isMail(name) // E-mail值检测
 {

if (!isEnglish(name)) {
returnfalse;
i = name.indexOf("@");
j = name.lastIndexOf("@");
if (i ==-1) {
returnfalse;
}
if (i != j) {
returnfalse;
}
if (i == name.length) {
returnfalse;
}
}
returntrue;
}

function isNumber(name) //数值检测
 {
if (name.length ==0)
returnfalse;
for (i =0; i < name.length; i++) {
if (name.charAt(i) <"0"|| name.charAt(i) >"9")
returnfalse;
}
returntrue;
}

function CheckForm() {
if (!isMail(document.getElementById("Text1").value)) {
alert("您的电子邮件不合法！");
document.getElementById("Text1").focus();
returnfalse;
}
if (!isEnglish(document.getElementById("Text2").value)) {
alert("英文名不合法！");
document.getElementById("Text2").focus();
returnfalse;
}
if (!isChinese(document.getElementById("Text3").value)) {
alert("中文名不合法！");
document.getElementById("Text3").focus();
returnfalse;
}
if (!isNumber(document.getElementById("Text4").value)) {
alert("邮政编码不合法！");
document.getElementById("Text4").focus();
returnfalse;
}
returntrue;
}

</script>

</head>
<body>
<form id="form1" runat="server">
<div>
电子邮件：
<input id="Text1" type="text"/></br> 英文名：
<input id="Text2" type="text"/></br> 中文名
<input id="Text3" type="text"/></br> 邮政编码
<input id="Text4" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>
</div>
</form>
</body>
</html>

5,表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

View Code
<script language="javascript">

function isNumber(String) {
var Letters ="1234567890-"; //可以自己增加可输入值
 var i;
var c;
if (String.charAt(0) =='-') //如果第一个字符是‘-’则返回false
returnfalse;
if (String.charAt(String.length -1) =='-') //如果最后一个字符是‘-’，则返回false
returnfalse;
for (i =0; i < String.length; i++) {
c = String.charAt(i);
if (Letters.indexOf(c) <0) //如果有Letters中不包含的字符则返回false
returnfalse;
}
returntrue;
}
function CheckForm() {
if (!isNumber(document.getElementById("Text1").value)) {
alert("您的电话号码不合法！");
document.getElementById("Text1").focus();
returnfalse;
}
returntrue;
}

</script>
<input id="Text1" type="text"/></br>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

6,判断是否全是数字

View Code
<script language="javascript">


function checkNum(str) {

if (str.match(/\D/)) {
alert("含有不是数字的值");
returnfalse;
}
alert("全是数字");
returntrue;
}
function CheckForm() {
var o = document.getElementById("Text1").value;

checkNum(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

7，判断字符和汉字

View Code
<script language="javascript">


function checkNum(str) {

if (/[^\x00-\xff]/g.test(str)) {
alert("含有汉字");
}
else alert("全是字符");
}
function CheckForm() {
var o = document.getElementById("Text1").value;

checkNum(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>
===========================================
或者
<script language="javascript">


function checkNum(str) {

if (escape(str).indexOf("%u") !=-1) {
alert("含有汉字");
}
else alert("全是字符");
}
function CheckForm() {
var o = document.getElementById("Text1").value;

checkNum(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

 8，判断是否是Email地址

View Code
//函数名：chkemail
//功能介绍：检查是否为Email Address
//参数说明：要检查的字符串
//返回值：0：不是 1：是
function chkemail(a) {
var i = a.length;
var temp = a.indexOf('@');
var tempd = a.indexOf('.');

if (temp >1) {

if ((i - temp) >3) {
if ((i - tempd) >0) {
alert("是Email地址");
returntrue;
}

}
}
alert("Email地址有误");
returnfalse;
}
function CheckForm() {
var o = document.getElementById("Text1").value;

chkemail(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

9，数字格式校验

View Code
<script language="javascript">


//函数名：fucCheckNUM
//功能介绍：检查是否为数字
//参数说明：要检查的数字
//返回值：1为是数字，0为不是数字
function fucCheckNUM(NUM) {
var i, j, strTemp;
strTemp ="0123456789";
if (NUM.length ==0)
return0
for (i =0; i < NUM.length; i++) {
j = strTemp.indexOf(NUM.charAt(i));
if (j ==-1) {
//说明有字符不是数字
 alert("不是数字");
returnfalse;
}
}
//说明是数字
 alert("是数字");
returntrue;
}

function CheckForm() {
var o = document.getElementById("Text1").value;

fucCheckNUM(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

10，电话号码校验

View Code
<script language="javascript">
function fucCheckTEL(TEL) {
var i, j, strTemp;
strTemp ="0123456789-()# ";
for (i =0; i < TEL.length; i++) {
j = strTemp.indexOf(TEL.charAt(i));
if (j ==-1) {
//说明有字符不合法
 alert("电话号码不合法");
returnfalse;
}
}
//说明合法
 alert("电话号码合法");
return1;
}

function CheckForm() {
var o = document.getElementById("Text1").value;

fucCheckTEL(o);
}


</script>
//在文本框失去焦点是触发
<input id="Text1" type="text" onblur="CheckForm()"/>

11，判断是否是中文

View Code
<script language="javascript">


function ischinese(s) {
var ret =true;
for (var i =0; i < s.length; i++) {
if (s.charCodeAt(i) >=10000) {
alert("是中文");

}
else {
alert("不是中文");
}
}

returnfalse;
}
function CheckForm() {
var o = document.getElementById("Text1").value;

ischinese(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

12，判断用户名是否含有数字字母下划线

View Code
<script language="javascript">


function notchinese(str) {
var reg =/[^A-Za-z0-9_]/g
if (reg.test(str)) {
alert("不含有数字字母下划线");
returnfalse;
} else {
alert("含有数字字母下划线");
returntrue;
}
}
function CheckForm() {
var o = document.getElementById("Text1").value;

notchinese(o);
}


</script>
<input id="Text1" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>

13,判断两次输入是否一致

View Code
<script language="javascript">


function issame(str1, str2) {
if (str1 == str2) {
alert("相等");
returntrue;
}
else {
alert("不相等");
returnfalse;
}
}

function CheckForm() {
var o = document.getElementById("Text1").value;
var o1 = document.getElementById("Text2").value;

issame(o, o1);
}


</script>
<input id="Text1" type="text"/>
<input id="Text2" type="text"/>
<input id="Button1" type="button" onclick="CheckForm()" value="button"/>
posted on 2011-03-29 11:51  高兴happy  阅读(1629)  评论(0)  编辑  收藏  举报

Copyright © 2024 高兴happy
Powered by .NET 8.0 on Kubernetes Powered By博客园