Javascript简单常用的表单验证函数_泡泡ASP

Javascript简单常用的表单验证函数

作者：叶随风　时间：10月09日　来源：http://www.popasp.com　浏览次数：【字号：大中小】

泡泡ASP相关代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Javascript简单常用的表单验证函数</title>
</head>
<script language="javascript">
/*
Javascript简单常用的表单验证函数
叶随风(LeafinWind)
QQ：19855466
http://www.popasp.com/
IE6、FF 测试通过
*/
function check()
{
//标题文本框的判断
if(strlen(document.getElementById("Title").value)>30 || strlen(document.getElementById("Title").value)<2)
{
  alert("请正确填写标题，30个字符或15个汉字内");
  document.getElementById("Title").focus();
  return false;
}

//判断单选按钮的选则情况
var ra=document.getElementsByName("Cls"); //获得所有name = "Cls" 集合
for(var i=0; i<ra.length; i++)
{
  if(ra[i].checked) break;
}
if(i==ra.length)
{
  alert("请选择分类");
  return false;
}

if(document.getElementById("Province").value=="")
{
  alert("请选择地区");
  document.getElementById("Province").focus();
  return false;
}

if(document.getElementById("Content").value=="")
{
  alert("请填写内容");
  document.getElementById("Content").focus();
  return false;
}

//判断复选按钮的选则情况
var ck=document.getElementsByName("lingyu"); //获得所有name = "lingyu" 集合
for(var i=0; i<ck.length; i++)
{
  if(ck[i].checked) break;
}
if(i==ck.length)
{
  alert("请至少选择一个领域");
  return false;
}

//判断电话号码只能是数字和“-”
if(!isAllowString(document.getElementById("tel").value,"-1234567890") || document.getElementById("tel").value=="")
{
  alert("请正确填写联系电话，只能是数字");
  document.getElementById("tel").focus();
  return false;
}

//判断电子邮件的合法性
if(!isEmail(document.getElementById("email").value) || document.getElementById("email").value=="")
{
  alert("请正确填写电子邮件");
  document.getElementById("email").focus();
  return false;
}
return true;
}
//判断电子邮件是否合法函数
function isEmail(str)
{
res = /^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;
var re = new RegExp(res);
return !(str.match(re) == null);
}
//计算字符串长度，汉字算两个字符
function strlen(str)
{
var len;
var i;
len = 0;
for(i=0;i<str.length;i++)
{
  if(str.charCodeAt(i)>255) len+=2; else len++;
}
return len;
}
//测试字符串instring是不是refstring中的字符
function isAllowString(AStr, RefString)
{
if(AStr.length==0) return (false);
for(var Count=0;Count<AStr.length;Count++)
{
  TempChar= AStr.substring(Count,Count+1);
  if (RefString.indexOf(TempChar,0)==-1) return (false);
}
return (true);
}
function textCounter(field,cntfield,maxlimit)
{
if (field.value.length > maxlimit)
  field.value = field.value.substring(0, maxlimit);
else
  cntfield.value = maxlimit - field.value.length;
}
//-->
</script>
<body style="font-size:12px;">
<table width="100%" border="0" cellpadding="5" cellspacing="0">
  <form action="" method="post" name="myform" target="_self" id="myform" onsubmit="return check();">
    <tr>
      <td width="25%" height="30" align="right">标　　题：</td>
      <td><input name="Title" type="text" id="Title" size="50" maxlength="50" />
        （30个字符或15个汉字） <span style="color: #FF0000">*</span></td>
    </tr>
    <tr>
      <td width="25%" height="30" align="right">分　　类：</td>
      <td height="30"><input type="radio" name="Cls" value="1" />
        娱乐
        <input type="radio" name="Cls" value="2" />
        体育
        <input type="radio" name="Cls" value="3" />
        社会   <span style="color: #FF0000">*</span></td>
    </tr>
    <tr>
      <td height="30" align="right">地　　区：</td>
      <td height="30"><select name="Province" id="Province">
          <option selected="selected" value="">-请选择-</option>
          <option value="1">北京</option>
          <option value="2">上海</option>
          <option value="3">天津</option>
          <option value="4">重庆</option>
          <option value="5">河北</option>
          <option value="6">山西</option>
          <option value="7">内蒙古</option>
          <option value="8">辽宁</option>
          <option value="9">吉林</option>
          <option value="10">黑龙江</option>
          <option value="11">江苏</option>
          <option value="12">浙江</option>
          <option value="13">安徽</option>
          <option value="14">福建</option>
          <option value="15">江西</option>
          <option value="16">山东</option>
          <option value="17">河南</option>
          <option value="18">湖北</option>
          <option value="19">湖南</option>
          <option value="20">广东</option>
          <option value="21">广西</option>
          <option value="22">海南</option>
          <option value="23">四川</option>
          <option value="24">贵州</option>
          <option value="25">云南</option>
          <option value="26">西藏</option>
          <option value="27">陕西</option>
          <option value="28">甘肃</option>
          <option value="29">宁夏</option>
          <option value="30">青海</option>
          <option value="31">新疆</option>
          <option value="32">香港</option>
          <option value="33">澳门</option>
          <option value="34">台湾</option>
        </select>
        <span style="color: #FF0000">*</span> </td>
    </tr>
    <tr>
      <td width="25%" height="30" align="right">内　　容：</td>
      <td height="30"><textarea name="Content" cols="50" rows="8" id="Content" onKeyDown="textCounter(document.myform.Content,document.myform.CharNum,200)" onKeyUp="textCounter(document.myform.Content,document.myform.CharNum,200)"></textarea>
        <span style="color: #FF0000">*</span><br>
        最多<b>200</b>字，还可以输入
        <input name="CharNum" type="text" id="CharNum" value="200" size="2" maxlength="3" readonly style="border:0px;text-align:center; font-size:12px;background-color: transparent; color:#FF0000">
        个字 </td>
    </tr>
    <tr>
      <td height="30" align="right">涉及领域：</td>
      <td height="30"><input name="lingyu" type="checkbox" id="lingyu" value="销售" />
        销售
        <input name="lingyu" type="checkbox" id="lingyu" value="IT业" />
        IT业
        <input name="lingyu" type="checkbox" id="lingyu" value="房地产" />
        房地产
        <input name="lingyu" type="checkbox" id="lingyu" value="日用品" />
        日用品   (至少选择一个) <span style="color: #FF0000">*</span></td>
    </tr>
    <tr>
      <td height="30" align="right">联系电话：</td>
      <td height="30"><input name="tel" type="text" id="tel" size="30" maxlength="30" />
        （只能是数字）<span style="color: #FF0000">*</span></td>
    </tr>
    <tr>
      <td height="30" align="right">电子邮件：</td>
      <td height="30"><input name="email" type="text" id="email" size="50" maxlength="100" />
        <span style="color: #FF0000">*</span></td>
    </tr>
    <tr>
      <td width="25%" height="30" align="right"> </td>
      <td height="30"><input type="submit" name="Submit2" value="提交" />
          
        <input type="reset" name="Submit22" value="重置" /></td>
    </tr>
  </form>
</table>
</body>
</html>

* 以上任何内容或信息侵犯了你的利益，请及时联系！

点击此处进入 JavaScript 和 HTML 代码运行页面>>>

泡泡搜索