⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 tu6.3.htm

📁 一部非常好的javaScript教程
💻 HTM
字号:
<HTML>
<HEAD>
<TITLE>客户端表单验证</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function validator()
{
 if(document.form1.name.value=="")
{
 alert("您还没有输入姓名呢!");
 return false;
}

 if(document.form1.eMail.value=="")
{
 alert("您还没有输入电子邮件呢!");
 return false;
}

if(document.form1.idNumber.value=="")
{
 alert("您还没有输入身份证号呢!");
 return false;
}
else  //判断身份证号是否合法。
{  
  var checkOK = "0123456789";
  var checkStr = document.form1.idNumber.value;
  var allValid = true;

  if(checkStr.length!=15)  //如果身份证号少于 15 位,则非法。
     allValid=false;

  for (i = 0;  i < checkStr.length;  i++)
  {  //判断身份证号是否全部由数字组成
ch = checkStr.charAt(i); 
//String 对象的 charAt 方法用于获得指定位置的字符。
    for (j = 0;  j < checkOK.length;  j++)
      if (ch == checkOK.charAt(j))
        break;
    if (j == checkOK.length)
    {
      allValid = false;
      break;
    }
  }

  if (!allValid)  //如果身份证号非法,则显示为红色。
  {
    document.all.form1.idNumber.style.color="red";
    return false;
  }
  else  //如果再次输入正确,则恢复原来的颜色。
  {
    document.all.form1.idNumber.style.color="black"; 
  }
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<FORM action="http://www.test.com/process.cgi"
      method=POST
      NAME=form1
      onSubmit="return validator()">
<H2>个人信息</H2>
<TABLE>
  <TR>
    <TD>请输入您的姓名(必须):
    <TD><INPUT NAME=name>
  <TR>
    <TD>请输入您的身份证号(必须):
    <TD><INPUT NAME=idNumber>
  <TR>
    <TD>请输入您的电子邮件地址(必须):
    <TD><INPUT NAME=eMail>
</TABLE>
<BR>
<INPUT TYPE=submit VALUE="提交">
<INPUT TYPE=reset>
</FORM>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -