폼 문제는 얽힌 문제인데, 프로그램 개발자가 처리해야 할 문제인 것 같은데, 때로는 프로그램을 프론트엔드에서 처리해야 하는 경우도 있습니다. 어려운 프론트엔드지만, 스스로 이해해 주시는 게 낫습니다. 하시면 제가 할 수 있고, 안 하셔도 됩니다. 하하. 도움이 되셨다면 메시지를 남겨주시고, 함께 토론하고, 함께 발전해 나가세요. ):
🎜>
양식 유효성 검사 완료<br><style type="text/css">label.error{color:#ea5200; margin-left:4px; 배경:url(http://jt.875. cn/icon/unchecked.gif) 반복 없음 2px 0 } <BR> label.right{margin-left:4px; background:url(http://jt.875.cn/icon/checked) .gif) 반복 없음 2px 0} <BR></style> <BR><script type="text/javascript" src="http://jt.875.cn/js/jquery.js"> ;</script> <BR><script type="text/ javascript" src="http://jt.875.cn/js/jquery.validate.js"></script> <script type="text/javascript"> <BR>$( function(){ <BR>$( "#regForm" ).validate({ <BR>규칙: { <BR>// 등록된 사용자 이름<BR>사용자 이름: { <BR>필수: true, <BR>최소 길이: 5, <BR>최대 길이: 12 <BR>}, <BR>// 이메일 <BR>이메일: { <BR>필수: true, <BR>이메일: true <BR>}, <BR>// 비밀번호<BR>비밀번호: { <BR>필수: true, <BR>최소 길이: 6, <BR>최대 길이: 18 <BR>}, <BR>/ / 비밀번호 확인<BR>confirm_password: { <BR>equalTo:"# 비밀번호" <BR>}, <BR>// 확인 코드 <BR>captcha: { <BR>필수: true, <BR>remote: "checkCaptcha .php" <BR>} <BR>}, <BR> 메시지: { <BR>// 등록된 사용자 이름<BR>사용자 이름: { <BR>필수: "이 항목은 비워둘 수 없습니다.", <BR>최소 길이: " 5자 이상일 수 없습니다.", <BR>최대 길이: " 12자 이상일 수 없습니다." <BR>}, <BR>// email <BR>email: { <BR>필수: "이 항목은 비워둘 수 없습니다." , <BR>email: "이메일 형식이 잘못되었습니다." <BR>}, <BR>// 비밀번호<BR>password: { <BR>필수: "이 항목은 비워둘 수 없습니다.", <BR>minlength: "비워둘 수 없습니다. 6자 미만", <BR>maxlength: "18자 이내일 수 없습니다." <BR>}, <BR>// 비밀번호 확인<BR>confirm_password: "두 번 입력한 비밀번호가 일치하지 않습니다.", <BR>// 인증 코드 확인<BR>captcha: { <BR>필수: " 인증 코드를 입력하세요.", <BR>remote: "인증 코드 입력 오류" <BR>} <BR>} <BR>}); }); <BR></head> <BR><body><BR><form id="regForm" method="get" action=""> ><p><label class="leftside">이름 ：</label><input type="text" value="" name="username" id="username" /></ p> <BR><p><label class="leftside ">비밀번호:</label><input type="password" value="" name="password" id="password" /> ;</p> <BR><p><label class="leftside">비밀번호 확인:</label><input type="password" value="" name="confirm_password" id= "confirm_password" /></p> <BR>< p><label class="leftside">EMAIL：</label><input type="text" value="" name=" email" id="email" /></p> <BR></form> <BR></body> <BR></html> <BR><BR> <BR>렌더링 다음과 같습니다<BR><BR></style>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
