jQuery가 유효한 확인을 취소합니다.

양식을 작성할 때 사용자가 입력한 데이터를 확인하는 것은 당연히 필요합니다. jQuery는 양식 유효성 검사를 쉽게 구현하는 데 도움이 되는 매우 편리한 플러그인 jQuery Validate를 제공합니다. 하지만 때로는 특정 필드의 확인을 취소해야 하는 경우도 있습니다. 이 경우 어떻게 해야 합니까? jQuery를 사용하여 양식 유효성 검사를 취소하는 방법을 소개하겠습니다.

1. 단일 필드의 유효성 검사 취소

이제 이름과 전화번호라는 두 개의 필드가 포함된 양식이 있다고 가정해 보겠습니다. 전화 필드 확인을 취소하려면 다음 코드를 사용할 수 있습니다.

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("input[name='phone']").rules("remove", "required minlength");

코드에서는 먼저 이름과 전화번호에 대한 규칙과 프롬프트 정보가 포함된 verify 메소드를 통해 양식 확인을 설정합니다. 필드. 그런 다음 jQuery 선택기를 통해 전화 필드의 입력 상자를 선택하고 규칙 메서드를 사용하여 유효성 검사 규칙에서 "필수" 및 "최소 길이"를 제거합니다. 이런 방식으로 전화 필드를 더 이상 확인할 필요가 없습니다.

2. 전체 양식 확인 취소

때로는 양식을 제출하기 전에 양식 확인을 수행하는 등 전체 양식 확인을 취소해야 할 수도 있지만, 특별한 경우에는 양식을 제출해야 합니다. 직접 더 이상의 확인은 이루어지지 않습니다. 이때 다음 코드를 사용할 수 있습니다.

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("form").submit(function(){
  $(this).validate().cancelSubmit = true;
  if($(this).valid()){
    // 表单校验通过，进行表单提交
  }
});

코드에서는 먼저 유효성 검사 메서드를 사용하여 양식 확인을 설정합니다. 양식 제출 이벤트에서는 유효성 검사() 메서드를 호출하여 양식 유효성 검사 개체를 얻고 해당 cancelSubmit 속성을 true로 설정하여 양식의 자동 제출 동작이 취소되었음을 나타냅니다. 그런 다음 다시 양식 검증을 수행하고 통과하면 양식 제출 작업을 수행합니다. 양식 유효성 검사에 실패하면 양식이 자동으로 제출되지 않습니다.

요약

위의 소개를 통해 jQuery Validate를 사용하여 단일 필드의 확인과 전체 양식의 확인을 취소하는 방법을 배웠습니다. 이는 실제 개발에 매우 ​​유용하며 양식 유효성 검사의 유연성과 확장성을 향상시킬 수 있습니다. 물론 실제 적용에서는 특정 비즈니스 요구에 따라 특정 필드 또는 전체 양식의 검증을 취소해야 하는지 여부를 결정해야 합니다.

위 내용은 jQuery가 유효한 확인을 취소합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!