効果は次のとおりです: コードをコピー コードは次のとおりです: <br> .code<br> {<br> 背景:url(code_bg.jpg);<br> font-family:Arial;<br> font-style:italic;<br> color:blue;<br> font-size :30px;<br> 境界線: 0;<br> padding:2px 3px;<br> letter-spacing:3px;<br> font-weight:bolder; <br> float:left; <br> cursor:pointer;<br> width:150px;<br> height:60px;<br> line-height:60px;<br> text-align:center;<br> vertical-align:middle;<br><br> }<br> a<br> {<br> text-decoration:none;<br> font-size:12px;<br> color:#288bc4;<br> }<br> a:ホバー<br> {<br> text-decoration:underline;<br> }<br> <br><br> var code;<br> function createCode() {<br> code = "";<br> var codeLength = 6; //認証コードの長さ<br> var checkCode = document.getElementById("checkCode");<br> var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, <br> 'a'、'b'、'c'、'd'、'e'、'f'、'g'、'h'、'i'、'j'、'k'、'l' 、'm'、'n'、'o'、'p'、'q'、'r'、's'、't'、'u'、'v'、'w'、'x'、' y'、'z'、<br> 'A'、'B'、'C'、'D'、'E'、'F'、'G'、'H'、'I'、'J'、 「K」、「L」、「M」、「N」、「O」、「P」、「Q」、「R」、「S」、「T」、「U」、「V」、「W」 '、'X'、'Y'、'Z'); //すべての候选構成验证的文字符、当然ながら中国語の<br> for (var i = 0; i <codelength i> {<br> var charNum = Math.floor(Math.random () * 52);<br> code = codeChars[charNum];<br> }<br> if (checkCode) <br> {<br> checkCode. className = "コード";<br> checkCode.innerHTML = コード;<br> }<br> }<br> function validateCode() <br> {<br> var inputCode = document.getElementById("inputCode").value;<br> if (inputCode.length {<br>alert( "確認コードを入力してください!"); <br>} <br> Else if (inputCode.touppercase ()! = Code.touppercase ()) <br> {<br> Alert ("確認コードの入力エラーです。 ") ;<br> createCode();<br> }<br> else <br> {<br>alert("確認コードは正しいです!");<br> 🎜><br></head><BR><body onload="createCode()"><br> <form id="form1" runat="server" onsubmit="validateCode()"> <br> ;td> <div>クラス= "code" id="checkCode" onclick="createCode()" ></div></td><br> onclick="createCode()"> はっきりと見えない場合、別のものを変更< ;/a></td><br> </td><td><input style="float:left;" type="text" id="inputCode" /></td> <td>確認コードを入力してください</td> ;<BR> /></td><td></td><br> ;/form><br>< /body><br></html><br> <br><br><br> </div></codelength></p> </div>
