효과는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <br> .code<br> {<br> 배경:url(code_bg.jpg);<br> 글꼴 계열:Arial;<br> 글꼴 스타일: 기울임꼴;<br> 색상: 파란색;<br> 글꼴 크기:30 px;<br> 테두리: 0;<br> 패딩:2px 3px;<br> 문자 간격: 3px;<br> 글꼴 두께:굵게; <br> float:left; <br> 커서:포인터;<br> 너비:150px;<br> 높이:60px;<br> line-height:60px;<br> text-align:center; <br> 수직 정렬:가운데;<br>> 이상<br> {<br> 텍스트 장식:밑줄;<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> {<BR> var charNum = Math.floor(Math.random () * 52);<BR> code = codeChars[charNum];<BR> }<BR> if (checkCode) <BR> {<BR> checkCode. className = "code";<BR> checkCode.innerHTML = 코드 ;<BR> }<BR> }<BR> function verifyCode() <BR> {<BR> var inputCode = document.getElementById("inputCode").value;<BR> if (inputCode.length <= 0) <BR> {<BR> 경고( "인증번호를 입력해주세요!"); <BR>} <BR> Else if (inputCode.touppercase ()! = Code.touppercase ()) <BR> {<BR> Alert ("인증번호 입력 오류입니다! ") ;<BR> createCode();<BR> }<BR> else <BR> {<BR> Alert("인증코드가 정확합니다!");<BR> <BR><body onload="createCode()"><br> <form id="form1" runat="server" onsubmit="validateCode()"> <br> ;td> "code" id="checkCode" onclick="createCode()" <</div></td><br> lt ;/a></td><br> </td><td><input style="float:left;" type="text" id="inputCode" /></td> <td>인증번호를 입력해주세요</td> ;<BR> > gt;<BR>< /body><br></html><br> <br><br><br></p> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
