jQuery 유효성 검사 사용법 튜토리얼

1. js 라이브러리 가져오기

jQuery Validation은 jQuery를 핵심으로 하므로 먼저 jQuery 코어 js 파일을 가져와야 합니다

<script src="<%=path%>/js/bootstrap/jquery-3.2.1.min.js"></script>

그런 다음 jQuery 유효성 검사 코어 js를 가져옵니다

<script src="<%=path%>/js/jqueryValidation/jquery.validate.min.js"></script>

중국어 프롬프트 정보 js를 가져옵니다.

<script src="<%=path%>/js/jqueryValidation/messages_zh.js"></script>

2. 기본 확인 규칙

3. 기본 프롬프트

messages: {
    required: "This field is required.",
    remote: "Please fix this field.",
    email: "Please enter a valid email address.",
    url: "Please enter a valid URL.",
    date: "Please enter a valid date.",
    dateISO: "Please enter a valid date ( ISO ).",
    number: "Please enter a valid number.",
    digits: "Please enter only digits.",
    creditcard: "Please enter a valid credit card number.",
    equalTo: "Please enter the same value again.",
    maxlength: $.validator.format( "Please enter no more than {0} characters." ),
    minlength: $.validator.format( "Please enter at least {0} characters." ),
    rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
    range: $.validator.format( "Please enter a value between {0} and {1}." ),
    max: $.validator.format( "Please enter a value less than or equal to {0}." ),
    min: $.validator.format( "Please enter a value greater than or equal to {0}." )
}

중국어 정보 프롬프트 패키지를 가져왔으므로 기본 프롬프트 정보는

$.extend( $.validator.messages, {
    required: "这是必填字段",
    remote: "请修正此字段",
    email: "请输入有效的电子邮件地址",
    url: "请输入有效的网址",
    date: "请输入有效的日期",
    dateISO: "请输入有效的日期 (YYYY-MM-DD)",
    number: "请输入有效的数字",
    digits: "只能输入数字",
    creditcard: "请输入有效的信用卡号码",
    equalTo: "你的输入不相同",
    extension: "请输入有效的后缀",
    maxlength: $.validator.format( "最多可以输入 {0} 个字符" ),
    minlength: $.validator.format( "最少要输入 {0} 个字符" ),
    rangelength: $.validator.format( "请输入长度在 {0} 到 {1} 之间的字符串" ),
    range: $.validator.format( "请输入范围在 {0} 到 {1} 之间的数值" ),
    max: $.validator.format( "请输入不大于 {0} 的数值" ),
    min: $.validator.format( "请输入不小于 {0} 的数值" )
} );

4입니다. method

① 것입니다. 검증 규칙은 컨트롤에 기록됩니다

이 문서에서는 jQuery 검증 사용 튜토리얼을 설명합니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 참고하세요.

관련 권장 사항:

꿀꺽 모듈의 방법

js는 HTML을 이미지로 생성하여 로컬에 저장합니다.

js에서 함수를 정의하는 세 가지 방법

위 내용은 jQuery 유효성 검사 사용법 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!