> 웹 프론트엔드 > JS 튜토리얼 > jQuery 유효성 검사 양식 제출에서만 유효성 검사

jQuery 유효성 검사 양식 제출에서만 유효성 검사

William Shakespeare
풀어 주다: 2025-02-26 08:47:08
원래의
826명이 탐색했습니다.

jQuery validation validate only on form submit jQuery Verification 플러그인을 사용할 때 입력 필드에 입력 할 때 검증이 더러워 질 수 있습니다. 이는 사용자 입력 규칙을 트리거하여 사용자 입력을 확인하기 위해 사용자 정의 확인 규칙을 사용하는 경우 가장 일반적입니다 (예 : 사용자의 이메일이 데이터베이스에서 고유한지 확인). 지연 경험은 끔찍했습니다. 연속 확인 확인을 제거하려면 다음 매개 변수를 양식 확인 기능에 추가하십시오.

따라서 확인 함수는 다음과 같습니다.

onkeyup: false,
onclick: false,
onfocusout: false,
로그인 후 복사
기타

옵션 <🎜 🎜>

jQuery Verification 및 Form Submission (FAQ)에 대한 자주 질문하는 질문 jQuery Verification에서 오류 메시지를 사용자 정의하는 방법은 무엇입니까?
$("#form").validate({
    onkeyup: false,
    onclick: false,
    onfocusout: false,

    // 验证规则
    rules: {
        // ...
    },

    // 验证消息
    messages: {
        // ...
    },

    // 提交处理程序
    submitHandler: function(form) {
        // ...
    }
});
로그인 후 복사
jQuery Verification 플러그인을 사용하면 필요에 따라 오류 메시지를 사용자 정의 할 수 있습니다.

메소드에서 <🎜 옵션을 사용하여이를 수행 할 수 있습니다. 예는 다음과 같습니다. $.validate()

이 예에서 "이름"필드가 비어 있으면 사용자 정의 오류 메시지 "이름을 입력하십시오"가 표시됩니다. "이름"필드가 2 자 미만인 경우 "이름에는 최소 2 자"가 포함되어야합니다.
messages: {},
groups: {},
rules: {},
errorClass: "error",
validClass: "valid",
errorElement: "label",
focusInvalid: true,
errorContainer: $([]),
errorLabelContainer: $([]),
onsubmit: true,
ignore: ":hidden",
ignoreTitle: false,
onfocusin: function(element, event) { ... },
onfocusout: function(element, event) { ... },
onkeyup: function(element, event) { ... },
onclick: function(element, event) { ... },
highlight: function(element, errorClass, validClass) { ... },
unhighlight: function(element, errorClass, validClass) { ... }
로그인 후 복사
같은 페이지의 여러 양식에서 jQuery 유효성 검사를 사용하는 방법은 무엇입니까?

각 양식에 대해

메소드를 별도로 호출하여 같은 페이지의 여러 양식에 대해 jQuery 유효성 검사를 사용할 수 있습니다. 예는 다음과 같습니다.

<,>이 예에서 <🎜 🎜>와

는 두 형태의 ID입니다. 각 양식에 대해 별도의 유효성 검사 규칙 및 메시지를 정의 할 수 있습니다. .validate() ajax와 함께 jquery verification을 사용하는 방법은 무엇입니까? messages 메소드에서 <🎜 옵션을 사용하여 ajax와 함께 jQuery verification을 사용할 수 있습니다. 양식이 유효하면 Ajax를 통해 양식을 제출할 수 있습니다. 예는 다음과 같습니다.

$("#myForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        name: {
            required: "请输入您的姓名",
            minlength: "您的姓名必须至少包含 2 个字符"
        }
    }
});
로그인 후 복사
이 예에서 양식이 유효하면 Ajax를 통해 URL "/your-url"에 제출됩니다.

메소드는 표준 URL 인코딩 표기법의 텍스트 문자열을 만드는 데 사용됩니다.

나머지 FAQ 내용은 원본 텍스트와 일치합니다. 전체 문서의 의사 원리 화를 완료하는 데 필요에 따라 여기에 원본 텍스트의 나머지 FAQ 부분을 복사하여 붙여 넣을 수 있습니다. 각 FAQ에 대한 답변은 원래 텍스트와 다르게 만들기 위해 약간 구두로 조정되지만 동일한 의미를 갖습니다.

위 내용은 jQuery 유효성 검사 양식 제출에서만 유효성 검사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿