효과는 다음과 같습니다. 이 문제를 해결하는 방법은 오류 메시지를 특정 위치에 지정하는 것입니다. 샘플 코드는 다음과 같습니다. > 코드 복사 코드는 다음과 같습니다. >jQuery.validator.addMethod( "regex", //addMethod의 첫 번째 매개변수: 메소드 이름 <div class="codebody" id="code29027">function(value, element, params) { //addMethod의 두 번째 매개변수: 검증 메소드, <br> value, element 확인하려면 매개변수) <br>var exp = new RegExp(params); //일반 객체를 인스턴스화합니다. 매개변수는 사용자가 전달한 정규식입니다. <br>return exp.test(value) //Test <br>}, <br>"형식 오류"); <br><br>$(function() { <br>$("#signupForm").validate( <br><br>{ <br>rules: { <br>txtPassword1: "required", //비밀번호 1이 필요합니다<br><br>txtPassword2: { //비밀번호 2에 개체 유형을 사용하는 설명이 두 개 이상 있습니다<br>required: true, / / 필수, 익명 메소드일 수 있습니다<br>equalTo: "#txtPassword1", //비밀번호 1과 동일해야 합니다<br>rangelength: [5, 10], //5-10 사이의 길이<br>regex: "^\w $" //사용자 정의 확인 규칙 사용<br>}, <br><br>txtEmail: "email", //Email은 합법적이어야 합니다<br>sex: "required" <br>}, <br>messages: { //위 오류 메시지에 해당<br>txtPassword1: "입력해야 합니다.", <br><br>txtPassword2: { <br>required: "입력해야 합니다.", <br>equalTo: " 비밀번호가 일치하지 않습니다.", <br>rangelength: "길이는 {0}에서 {1} 사이여야 합니다.", <br>regex: "비밀번호는 숫자, 문자, 밑줄만 사용할 수 있습니다." <br>} <br>}, <br> <br>//위 예시의 새로운 부분<br>errorPlacement: function(error, element) { //오류 메시지 위치 지정<br>if (element.is(':radio' ) || element.is(':checkbox')) { //라디오 또는 체크박스인 경우 <br>var eid = element.attr('name') //요소의 이름 속성 가져오기 <br>error .appendTo( element.parent()); //현재 요소의 상위 노드 뒤에 오류 메시지를 추가합니다. <br>} else { <br>error.insertAfter(element) <br>} <br>}, <br><br>debug: false, //true로 변경하면 양식이 제출되지 않습니다. <br>submitHandler: function() { <br>alert("Submission start") <br>} <br>} ); <br> 남성여성 실행 결과는 다음과 같습니다. 추가: debug:true가 매개변수에 추가되면 양식 디버깅에만 사용되며 서버에 제출되지 않습니다. submitHandler: function() {}은 양식이 제출되기 전에 일부 작업을 수행합니다. 서버에 원격으로 Ajax 확인을 사용할 수 있지만 ASP.NET을 유효성 검사와 함께 사용하면 몇 가지 문제가 있는 것 같습니다. 의 블로그 게시물을 참조하세요. 소스코드 다운로드