집 > 웹 프론트엔드 > JS 튜토리얼 > jquery.validate_jquery 사용 지침

jquery.validate_jquery 사용 지침

WBOY

풀어 주다： 2016-05-16 17:16:12

원래의

1178명이 탐색했습니다.

1. 준비
JQuery 버전 1.2.6 필요, 1.3.2와 호환 가능

공식 홈페이지 주소: http://jqueryvalidation.org/

2. 기본 확인 규칙
(1)required:true 필수 필드
(2)remote:"check.php" ajax 메소드를 사용하여 check.php를 호출하여 입력값
(3)email:true 올바른 형식으로 이메일을 입력해야 합니다
(4)url:true 올바른 형식으로 URL을 입력해야 합니다
(5)date:true 올바른 형식으로 입력해야 합니다 올바른 형식의 날짜
( 6)dateISO:true 올바른 형식으로 날짜(ISO)를 입력해야 합니다. 예: 2009-06-23, 1998/01/22 유효성이 아닌 형식만 확인하세요.
(7)number:true 유효한 숫자를 입력해야 합니다(음수, 소수)
(8)digits:true 정수를 입력해야 합니다
(9)creditcard: 유효한 신용카드 번호를 입력해야 합니다
(10)equalTo:"#field" 입력 값은 #field와 동일해야 합니다.
(11)accept: 법적 접미사(업로드된 파일의 접미사)가 포함된 문자열을 입력하세요.
(12) maxlength:5 최대 5자 이하의 문자열을 입력하세요. (한자는 한자로 계산됩니다.)
(13 )minlength:10 최소 길이가 10자 이상인 문자열을 입력하세요. (한자는 한자로 계산됩니다.)
( 14)rangelength:[5,10] 길이가 5~10" 사이인 문자열을 입력하세요.) (한자는 1자로 계산됩니다.)
(15)range:[5,10] 입력값은 5자 사이여야 합니다. 및 10
(16)max:5 입력 값은 5보다 클 수 없습니다.
(17)min:10 입력 값은 10보다 작을 수 없습니다.

3. 기본 프롬프트

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

messages: { 
필수: "이 필드는 필수입니다.", 
remote: "이 필드를 수정하세요.", 
email: "유효한 이메일 주소를 입력하세요.", 
url : "유효한 URL을 입력하세요.", 
date: "유효한 날짜를 입력하세요.", 
dateISO: "유효한 날짜(ISO)를 입력하세요.", 
dateDE: "Bitte geben Sie eing gbrow ltiges Datum ein.", 
number: "유효한 숫자를 입력하세요.", 
numberDE: "Bitte geben Sie eine Nummer ein.", 
digits: "숫자만 입력하세요. ", 
creditcard: "유효한 신용카드 번호를 입력하세요.", 
equalTo: "같은 값을 다시 입력하세요.", 
accept: "유효한 확장자와 함께 값을 입력하세요.", 
maxlength: $.validator.format("{0}자 이하로 입력하세요."), 
minlength: $.validator.format("최소 {0}자를 입력하세요."), 
 rangelength: $.validator.format("{0}에서 {1}자 사이의 값을 입력하세요."), 
range: $.validator.format("{0}에서 {1}자 사이의 값을 입력하세요." {1 }."), 
max: $.validator.format("{0}보다 작거나 같은 값을 입력하세요."), 
min: $.validator.format("값을 입력하세요. 값이 {0}보다 크거나 같습니다.") 
}, 

수정해야 하는 경우 js 코드에 추가할 수 있습니다.

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

jQuery.extend(jQuery.validator.messages, { 
필수: "필수 필드", 
remote: "이 필드를 수정하세요.", 
email: "올바른 이메일 형식을 입력하세요.", 
url: "법적 URL을 입력하세요.", 
date: "법적 날짜를 입력하세요.", 
dateISO: "법적 날짜(ISO)를 입력하세요.", 
number: "법적 숫자를 입력하세요.", 
digits: "정수만 입력할 수 있습니다." , 
creditcard: "법적 날짜를 입력하세요. 신용카드 번호", 
equalTo: "같은 값을 다시 입력하세요.", 
accept: "법적 접미사가 포함된 문자열을 입력하세요.", 
 maxlength: jQuery.validator.format("길이가 최소 {0}인 A 문자열을 입력하세요."), 
minlength: jQuery.validator.format("길이가 최소 {0}인 문자열을 입력하세요. }"), 
rangelength: jQuery.validator.format( "길이가 {0}에서 {1} 사이인 문자열을 입력하세요."), 
range: jQuery.validator.format("값을 입력하세요. {0}과 {1} 사이 "), 
max: jQuery.validator.format("최대값이 {0}인 값을 입력하십시오."), 
min: jQuery.validator.format("제발 최소 {0}개의 값을 입력하세요. ") 
});

이 파일을 message_cn.js에 넣고 를 페이지에 소개하는 것이 좋습니다.

4. 사용 방법
1. 컨트롤에 확인 규칙을 작성합니다

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

使useclass="{}"적방式，必须引入包：jquery.metadata.js 可以使用如下적방법，修改提示内容：
class="{필수:true,minlength :5,메시지: {필수:'请输入内容'}}"사용이 동일합니다. :'#password'}"另外一个方式，使用关键字：meta（为了元数据使用其他插件你要包装你的验证规则他们自己的项目中可以用这个特殊的选项)
검증 플러그인에 알리기 유효성 검사 규칙에 대한 메타데이터의 유효성 검사 속성 내부를 살펴봅니다.
例如：

复system代码代码如下:

meta: "validate"

再有一种方式：

复主代码代码如下:

$.metadata.setType("attr", "validate");这样可以使用validate="{required:true}"적방향式，或者class="required"，但class="{required:true,minlength: 5}"将不起작용 2.将校验规则写到代码中  
$().ready(function() {  
$("#signupForm").validate({  
규칙: { 
이름: "필수",  
이메일: {  
필수: true,  
이메일: true  
},  
비밀번호: {  
필수: true, 
최소 길이 : 5  
},  
confirm_password: {  
필수: true,  
최소 길이: 5,  
equalTo: "#password"  
}  
},  
메시지: {  
이름: "请输入姓name",  
이메일: {  
필수: "请输入Email地址",  
이메일: "请输入正确的email地址"  
},  
password: {  
필수: "请输入密码",  
최소 길이: jQuery.format("密码不能小于{0}个字符")  
},  
confirm_password: {  
필수 : "请输入确认密码",  
 minlength: "确认密码不能小于5个字符",  
equalTo: "两次输入密码不一致不一致" 
} 
}  
}); 
});//messages处，如果某个控件没有message，将调用默认的信息 