Js检测判断表单,类型丰富的表单判断
JavaScript表单判断示例演示,虽然现在都Ajax了,但比较传统的JS表单判断同样也很实用哦,必竟简单,容易做,本表单包括了基本的文本框判断、复选框判断、下拉列表框判断、单选按钮判断等,囊括了常用的表单数据判断项,为新手提供有力的参考。
答案:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JS表单检测判断实例</TITLE>
</HEAD>
<body>
<script Language="JavaScript">
<!--
function FrontPage_Form1_Validator(theForm)
{
if (theForm.info1.value == "")
{
alert("请在 \"用户名\" 域中输入值。");
theForm.info1.focus();
return (false);
}
if (theForm.info1.value.length < 1)
{
alert("在 \"用户名\" 域中,请至少输入 1 个字符。");
theForm.info1.focus();
return (false);
}
if (theForm.info1.value.length > 10)
{
alert("在 \"用户名\" 域中,请最多输入 10 个字符。");
theForm.info1.focus();
return (false);
}
if (theForm.info7.value == "")
{
alert("请在 \"出生年\" 域中输入值。");
theForm.info7.focus();
return (false);
}
if (theForm.info7.value.length < 4)
{
alert("在 \"出生年\" 域中,请至少输入 4 个字符。");
theForm.info7.focus();
return (false);
}
if (theForm.info7.value.length > 4)
{
alert("在 \"出生年\" 域中,请最多输入 4 个字符。");
theForm.info7.focus();
return (false);
}
var checkOK = "0123456789-.,";
var checkStr = theForm.info7.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
if (ch == ".")
{
allNum += ".";
decPoints++;
}
else if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("在 \"出生年\" 域中,只能输入 数字 个字符。");
theForm.info7.focus();
return (false);
}
if (decPoints > 1)
{
alert("请在 info7 域中输入一个有效数字。");
theForm.info7.focus();
return (false);
}
var chkVal = allNum;
var prsVal = parseFloat(allNum);
if (chkVal != "" && !(prsVal >= "1940" && prsVal <= "2000"))
{
alert("请在 \"出生年\" 域中输入值 大于或等于 1940 与 小于或等于 2000。");
theForm.info7.focus();
return (false);
}
if (theForm.info8.value == "")
{
alert("请在 \"出生月份\" 域中输入值。");
theForm.info8.focus();
return (false);
}
if (theForm.info8.value.length < 1)
{
alert("在 \"出生月份\" 域中,请至少输入 1 个字符。");
theForm.info8.focus();
return (false);
}
if (theForm.info8.value.length > 2)
{
alert("在 \"出生月份\" 域中,请最多输入 2 个字符。");
theForm.info8.focus();
return (false);
}
var checkOK = "0123456789-.,";
var checkStr = theForm.info8.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
if (ch == ".")
{
allNum += ".";
decPoints++;
}
else if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("在 \"出生月份\" 域中,只能输入 数字 个字符。");
theForm.info8.focus();
return (false);
}
if (decPoints > 1)
{
alert("请在 info8 域中输入一个有效数字。");
theForm.info8.focus();
return (false);
}
var chkVal = allNum;
var prsVal = parseFloat(allNum);
if (chkVal != "" && !(prsVal >= "1" && prsVal <= "12"))
{
alert("请在 \"出生月份\" 域中输入值 大于或等于 1 与 小于或等于 12。");
theForm.info8.focus();
return (false);
}
if (theForm.info9.value == "")
{
alert("请在 \"出生日期\" 域中输入值。");
theForm.info9.focus();
return (false);
}
if (theForm.info9.value.length < 1)
{
alert("在 \"出生日期\" 域中,请至少输入 1 个字符。");
theForm.info9.focus();
return (false);
}
if (theForm.info9.value.length > 2)
{
alert("在 \"出生日期\" 域中,请最多输入 2 个字符。");
theForm.info9.focus();
return (false);
}
var checkOK = "0123456789-,";
var checkStr = theForm.info9.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("在 \"出生日期\" 域中,只能输入 数字 个字符。");
theForm.info9.focus();
return (false);
}
var chkVal = allNum;
var prsVal = parseInt(allNum);
if (chkVal != "" && !(prsVal >= "1" && prsVal <= "31"))
{
alert("请在 \"出生日期\" 域中输入值 大于或等于 1 与 小于或等于 31。");
theForm.info9.focus();
return (false);
}
if (theForm.info15.value == "")
{
alert("请在 \"身份证件号码\" 域中输入值。");
theForm.info15.focus();
return (false);
}
if (theForm.info15.value.length < 10)
{
alert("在 \"身份证件号码\" 域中,请至少输入 10 个字符。");
theForm.info15.focus();
return (false);
}
if (theForm.info15.value.length > 30)
{
alert("在 \"身份证件号码\" 域中,请最多输入 30 个字符。");
theForm.info15.focus();
return (false);
}
var checkOK = "0123456789-.,";
var checkStr = theForm.info15.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
if (ch == ".")
{
allNum += ".";
decPoints++;
}
else if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("在 \"身份证件号码\" 域中,只能输入 数字 个字符。");
theForm.info15.focus();
return (false);
}
if (decPoints > 1)
{
alert("请在 info15 域中输入一个有效数字。");
theForm.info15.focus();
return (false);
}
if (theForm.info18.value == "")
{
alert("请在 \"邮政编码\" 域中输入值。");
theForm.info18.focus();
return (false);
}
if (theForm.info18.value.length < 6)
{
alert("在 \"邮政编码\" 域中,请至少输入 6 个字符。");
theForm.info18.focus();
return (false);
}
if (theForm.info18.value.length > 6)
{
alert("在 \"邮政编码\" 域中,请最多输入 6 个字符。");
theForm.info18.focus();
return (false);
}
var checkOK = "0123456789-.,";
var checkStr = theForm.info18.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
if (ch == ".")
{
allNum += ".";
decPoints++;
}
el
上一个:Javascript版马赛克遮罩切换效果
下一个:图片循环滚动-左右按钮滚动精简代码