jQuery 검증 플러그인 검증 플러그인 수동 verify_jquery

jquery.validate는 jquery의 장점을 활용하여 일부 공통 입력을 신속하게 확인하고 자체 확인 방법을 확장하며 국제화를 효과적으로 지원할 수 있는 확인 프레임워크입니다.

일반 인증 모드는 다음과 같습니다.

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate() 

제출 버튼을 클릭하기만 하면 플러그인이 자동으로 확인됩니다.

그러나 때로는 다른 버튼을 클릭하여 양식을 확인한 다음 양식의 유효성 검사 결과에 따라 나머지 작업을 수행하고 싶을 때도 있습니다.

소스코드를 찾아보니 form() 메소드가 있는데, 이 메소드는 문자 그대로의 의미는 일치하지 않지만 검증 작업을 수행하기 위한 것입니다.

그러면 다음과 같이 할 수 있습니다.

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button> 

확인 오류가 발생하면 오류 메시지가 표시됩니다. 오류 메시지를 지우려면 validator.resetForm() 메서드를 호출하면 됩니다.

이러한 방식으로 validator.form() 및 validator.resetForm() 두 가지 메소드를 사용하여 검증 플러그인을 유연하게 사용할 수 있습니다.

유효성 검사 필드

필수 – 필수 항목

원격 – 원격 검증

minlength – 최소 길이 확인

maxlength – 최대 길이 확인

rangelength – 길이 범위 검증

min – 최소값 검증

max - 최대값 확인

범위 - 범위 값 유효성 검사

이메일 - 이메일 주소 확인

url – URL 주소 확인

날짜 – 날짜 확인

dateISO –ISO 날짜 형식 확인

number – 소수점 검사

숫자 – 디지털 인증

신용카드 – 신용카드 번호 확인

equalTo – 다른 텍스트 상자의 값이 같은지 확인