小玩意javascript的图片验证

蓝色梦幻 · 发表于 2007-4-17 19:15

这个试验,本来是做的是输入达不到一定要求,用图片实现内容提示,现在初步完成,这是NET2003的html层代码,无后台代码
<%@ Page language=\"c#\" Codebehind=\"WebForm1.aspx.cs\" AutoEventWireup=\"false\" Inherits=\"WebApplication2.WebForm1\" %>
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" >
<HTML>
  <HEAD>
<title>WebForm1</title>
<meta content=\"Microsoft Visual Studio .NET 7.1\" name=\"GENERATOR\">
<meta content=\"C#\" name=\"CODE_LANGUAGE\">
<meta content=\"JavaScript\" name=\"vs_defaultClientScript\">
<meta content=\"http://schemas.microsoft.com/intellisense/ie5\" name=\"vs_targetSchema\">
<script language=\"javascript\" id=\"clientEventHandlersJS\">

</script>
<script language=\"vbscript\">
sub cha(value)
window.status=value
if value=\"True\" then
   d1.style.display=\"block\"
else
   d1.style.display=\"none\"
end if
end sub
</script>
  </HEAD>
  <body MS_POSITIONING=\"GridLayout\">
<form name=\"card\" action=\"\" method=\"post\">
   <TABLE id=\"Table1\" style=\"Z-INDEX: 105; LEFT: 288px; WIDTH: 480px; POSITION: absolute; TOP: 192px; HEIGHT: 393px\"
      cellSpacing=\"1\" cellPadding=\"1\" width=\"480\" border=\"1\">
      <TR>
      <TD>
         <asp

abel id=\"Label1\" runat=\"server\">姓名:</asp

abel></TD>
      <TD>
         <input language=\"javascript\" onkeyup=\"return T1_onkeyup()\" type=\"text\" maxLength=\"4\" size=\"4\"
            name=\"T1\"></TD>
      <TD>
         <div id=\"img1\" style=\"DISPLAY:none\">
            <table id=\"img\">
            <tr>
               <td>
                  <asp:Image id=\"Image1\" runat=\"server\" ImageUrl=\"file:///C:\\Documents and Settings\\Administrator\\桌面\\test1.JPG\"
                  Width=\"288px\" Height=\"80px\"></asp:Image></td>
            </tr>
            </table>
         </div>
      </TD>
      </TR>
      <TR>
      <TD>
         <asp

abel id=\"Label2\" runat=\"server\">年龄:</asp

abel></TD>
      <TD>
         <input language=\"javascript\" onkeyup=\"return T2_onkeyup()\" type=\"text\" maxLength=\"4\" size=\"4\"
            name=\"T2\"></TD>
      <TD>
         <div id=\"img2\" style=\"DISPLAY:none\">
            <table>
            <tr>
               <td>
                  <asp:Image id=\"Image3\" runat=\"server\" ImageUrl=\"file:///C:\\Documents and Settings\\Administrator\\桌面\\test4.jpg\"
                  Width=\"288px\" Height=\"80px\"></asp:Image></td>
            </tr>
            </table>
         </div>
      </TD>
      </TR>
      <TR>
      <TD>
         <asp

abel id=\"Label3\" runat=\"server\">职务:</asp

abel></TD>
      <TD>
         <input type=\"text\" name=\"T3\" size=\"4\" maxlength=\"4\" LANGUAGE=\"javascript\" onkeyup=\"return T3_onkeyup()\"></TD>
      <TD>
         <Div style=\"DISPLAY: none\" id=\"img3\">
            <table>
            <tr>
               <td><asp:Image id=\"Image5\" runat=\"server\" ImageUrl=\"file:///C:\\Documents and Settings\\Administrator\\桌面\\test3.gif\"
                  Width=\"112px\"></asp:Image></td>
            </tr>
            </table>
         </Div>
      </TD>
      </TR>
      <TR>
      <TD>
         <asp

abel id=\"Label4\" runat=\"server\">等级:</asp

abel></TD>
      <TD>
         <input type=\"text\" name=\"T4\" size=\"4\" maxlength=\"4\" LANGUAGE=\"javascript\" onkeyup=\"return T4_onkeyup()\"></TD>
      <TD>
         <Div style=\"DISPLAY: none\" id=\"img4\">
            <table>
            <tr>
               <td><asp:Image id=\"Image6\" runat=\"server\" ImageUrl=\"file:///C:\\Documents and Settings\\Administrator\\桌面\\test2.summ.jpg\"></asp:Image></td>
            </tr>
            </table>
         </Div>
      </TD>
      </TR>
   </TABLE>
</form>
  </body>
</HTML>
关于那几张图片大家可以自己改为不同的图片以显示效果

帐号		自动登录	找回密码
密码			成为会员