>웹 프론트엔드 >JS 튜토리얼 >양식 유효성 검사_자바스크립트 기술에 대한 전체 응용 사례 토론

양식 유효성 검사_자바스크립트 기술에 대한 전체 응용 사례 토론

WBOY
WBOY원래의
2016-05-16 17:38:561009검색

폼 문제는 얽힌 문제인데, 프로그램 개발자가 처리해야 할 문제인 것 같은데, 때로는 프로그램을 프론트엔드에서 처리해야 하는 경우도 있습니다. 어려운 프론트엔드지만, 스스로 이해해 주시는 게 낫습니다. 하시면 제가 할 수 있고, 안 하셔도 됩니다. 하하. 도움이 되셨다면 메시지를 남겨주시고, 함께 토론하고, 함께 발전해 나가세요. ):

코드 복사 코드는 다음과 같습니다.

🎜>

양식 유효성 검사 완료<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>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.