[JQUERY] jQuery를 확인 : 변경 기본 오류 메시지

jQuery를 확인 : 변경 기본 오류 메시지

해결법

1. ---

   1.의지의 메시지 편집을 무시할 검증 플러그인 후 포함 된 별도의 파일 / 스크립트에이 코드를 추가합니다 :

   의지의 메시지 편집을 무시할 검증 플러그인 후 포함 된 별도의 파일 / 스크립트에이 코드를 추가합니다 :

   jQuery.extend(jQuery.validator.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.",
       accept: "Please enter a value with a valid extension.",
       maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
       minlength: jQuery.validator.format("Please enter at least {0} characters."),
       rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
       range: jQuery.validator.format("Please enter a value between {0} and {1}."),
       max: jQuery.validator.format("Please enter a value less than or equal to {0}."),
       min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
   });
   

2. ---

   2.당신은 validate 호출 해에 자신의 메시지를 지정할 수 있습니다. 리프팅 및 문서 플러그인 유효성 검사에 사용되는 우유 등록 양식 (http://jquery.bassistance.de/validate/demo/milk/), 당신은 쉽게 당신의 자신의 메시지를 지정할 수 있습니다 기억에서이 코드를 축약 :

   당신은 validate 호출 해에 자신의 메시지를 지정할 수 있습니다. 리프팅 및 문서 플러그인 유효성 검사에 사용되는 우유 등록 양식 (http://jquery.bassistance.de/validate/demo/milk/), 당신은 쉽게 당신의 자신의 메시지를 지정할 수 있습니다 기억에서이 코드를 축약 :

   var validator = $("#signupform").validate({
       rules: {
           firstname: "required",
           lastname: "required",
           username: {
               required: true,
               minlength: 2,
               remote: "users.php"
           }
       },
       messages: {
           firstname: "Enter your firstname",
           lastname: "Enter your lastname",
           username: {
               required: "Enter a username",
               minlength: jQuery.format("Enter at least {0} characters"),
               remote: jQuery.format("{0} is already in use")
           }
       }
   });
   

   검증에 대한 완전한 API (...) : http://jqueryvalidation.org/validate

3. ---

   3.이것은 나를 위해 일한 :

   이것은 나를 위해 일한 :

   $.validator.messages.required = 'required';
   

4. ---

   4.이것은 나를 위해 일한 :

   이것은 나를 위해 일한 :

   // Change default JQuery validation Messages.
   $("#addnewcadidateform").validate({
           rules: {
               firstname: "required",
               lastname: "required",
               email: "required email",
           },
           messages: {
               firstname: "Enter your First Name",
               lastname: "Enter your Last Name",
               email: {
                   required: "Enter your Email",
                   email: "Please enter a valid email address.",
               }
           }
       })
   

5. ---

   5.우리는 이미 jQuery를 사용하고 있기 때문에, 우리는 페이지 디자이너는 오히려 코드보다 마크 업에 사용자 정의 메시지를 추가 할 수 있습니다 :

   우리는 이미 jQuery를 사용하고 있기 때문에, 우리는 페이지 디자이너는 오히려 코드보다 마크 업에 사용자 정의 메시지를 추가 할 수 있습니다 :

   <input ... data-msg-required="my message" ...
   

   또는 모든 필드에 하나의 짧은 데이터 msg 속성을 사용하여보다 일반적인 솔루션 :

   <form id="form1">
       <input type="text" id="firstName" name="firstName" 
           data-msg="Please enter your first name" />
       <br />
       <input type="text" id="lastName" name="lastName" 
           data-msg="Please enter your last name" />
       <br />
       <input type="submit" />
   </form>
   

   그리고 코드는 다음과 같은 것이 포함되어 있습니다 :

   function getMsg(selector) {
       return $(selector).attr('data-msg');
   }
   
   $('#form1').validate({
       // ...
       messages: {
           firstName: getMsg('#firstName'),
           lastName: getMsg('#lastName')
       }
       // ...
   });
   

6. ---

   6.다른 가능한 솔루션은 각각의 필드에 동일한 오류 메시지가 추가 필드를 반복 할 것이다.

   다른 가능한 솔루션은 각각의 필드에 동일한 오류 메시지가 추가 필드를 반복 할 것이다.

   $('.required').each(function(index) {
     $(this).rules("add", {
       messages: {
         required: "Custom error message."
      }
     });
   });
   

7. ---

   7.대신 플러그인 소스 코드를 변경 당신은 다운로드 현지화 폴더에있는 것과 같은 형식으로 추가 JS 파일을 포함 할 수 있고 validation.js를로드 한 후 그 하나를 포함

   대신 플러그인 소스 코드를 변경 당신은 다운로드 현지화 폴더에있는 것과 같은 형식으로 추가 JS 파일을 포함 할 수 있고 validation.js를로드 한 후 그 하나를 포함

   jQuery.extend(jQuery.validator.messages, {
       required: ...,
       maxlength: jQuery.validator.format(...),
       ...
   });
   

8. ---

   8.@Josh : 당신은 당신의 자원 번들에서 변환 된 메시지와 솔루션을 확장 할 수 있습니다

   @Josh : 당신은 당신의 자원 번들에서 변환 된 메시지와 솔루션을 확장 할 수 있습니다

   <script type="text/javascript">
       $.validator.messages.number = '@Html.Raw(@Resources.General.ErrorMessageNotANumber)';
   </script>
   

   당신이 당신의 _Layout.cshtml (MVC)에이 코드 부분을 넣을 경우 모든 귀하의 의견에 대해 사용할 수

9. ---

   9.나는 그런 검증을 처리 할 수있는 프로젝트를 진행하고,이 너무 쉽게 될 것이라고 생각하지 않았다.

   나는 그런 검증을 처리 할 수있는 프로젝트를 진행하고,이 너무 쉽게 될 것이라고 생각하지 않았다.

   많은 노력없이 확인 메시지를 변경하려면 하나에 큰 도움이 대답 아래됩니다.

   아래는 "이 필드"대신에 사용하는 "자리 표시 자 이름을"접근한다.

   당신은 쉽게 물건을 수정할 수 있습니다

      // Jquery Validation   
      $('.js-validation').each(function(){
   
          //Validation Error Messages 
   
          var validationObjectArray = [];
   
          var validationMessages = {};
   
          $(this).find('input,select').each(function(){  // add more type hear
   
             var singleElementMessages = {};
   
             var fieldName = $(this).attr('name');
   
             if(!fieldName){  //field Name is not defined continue ;
                 return true;
             }
   
   
             // If attr data-error-field-name is given give it a priority , and then to placeholder and lastly a simple text
   
             var fieldPlaceholderName = $(this).data('error-field-name') || $(this).attr('placeholder') || "This Field";
   
             if( $( this ).prop( 'required' )){
   
                 singleElementMessages['required'] = $(this).data('error-required-message') || $(this).data('error-message')  || fieldPlaceholderName + " is required";
   
             }
   
             if( $( this ).attr( 'type' ) == 'email' ){
   
                 singleElementMessages['email'] = $(this).data('error-email-message') || $(this).data('error-message')  || "Enter valid email in "+fieldPlaceholderName;
   
             }       
   
   
   
             validationMessages[fieldName] = singleElementMessages;
   
          });
   
   
          $(this).validate({
             errorClass   : "error-message",
             errorElement : "div",
             messages     : validationMessages  
          });  
      });  
   

10. ---

    10.최신 버전은 당신이 할 수있는 멋진 인라인 물건을 가지고 있습니다.

    최신 버전은 당신이 할 수있는 멋진 인라인 물건을 가지고 있습니다.

    이 간단한 입력 필드의 경우이 같은 속성 데이터 검증 오류 메시지를 추가 할 수 있습니다 -

    data-validation-error-msg="Invalid Regex"
    

    조금 무거운 뭔가를해야 할 경우 당신은 완전히 유효성 검사 함수에 전달되는 모든 값을 가진 변수를 사용하여 물건을 사용자 정의 할 수 있습니다. 자세한 내용은이 링크를 참조 - https://github.com/victorjonsson/jQuery-Form-Validator#fully-customizable

11. ---

    11.모든 기본 오류 메시지를 사용하여 제거하려면

    모든 기본 오류 메시지를 사용하여 제거하려면

    $.validator.messages.required = "";
    

12. ---

    12.jQuery를 폼 유효성 검사 사용자 지정 오류 메시지 -tutsmake

    jQuery를 폼 유효성 검사 사용자 지정 오류 메시지 -tutsmake

    데모

    $ (문서) .ready (함수 () { $ ( "# 등록").의 validate ({ 유효성 검사 규칙을 지정 // 규칙 : { FIRSTNAME : "필요" LASTNAME : "필요" 이메일 : { 필수 : 사실, 이메일 : 사실 }, 전화 : { 필수 : 사실, 숫자 : 사실, MINLENGTH : 10 최대 길이 : 10, }, 암호 : { 필수 : 사실, MINLENGTH : 5, } }, 메시지 : { 이름: { 필요한 : "이름을 입력하십시오" }, 성 : { 필요한 : "마지막 이름을 입력하세요" }, 전화 : { 필요한 : "전화 번호를 입력하십시오" 숫자 "유효한 전화 번호를 입력 해주세요" MINLENGTH : "전화 번호 필드는 10 자리를 수락" 최대 길이 : "전화 번호 필드는 10 자리를 수락" }, 이메일 : { 필요한 : "이메일 주소를 입력하십시오" 이메일을 보내 ". 유효한 이메일 주소를 입력하십시오" }, }, }); });