jQuery驗證：改變默認的錯誤消息

Question

有一個簡單的方法來改變在jQuery validation plugin默認錯誤值？

我只是想重寫的錯誤信息更加個人到我的應用 - 我有很多的領域，所以我不想單獨設置消息（域）x ...我知道我能做到那！

Answer 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}.") 
}); 

Answer 2

而不是改變插件的源代碼，你可以包含一個額外的js文件中像在下載本地化文件夾中的格式，幷包括一個裝載validation.js

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

Answer 3

後，您可以在調用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

Answer 4

另一種可能的解決方案是遍歷字段，向每個字段添加相同的錯誤消息。

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

Answer 5

這爲我工作：

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

Answer 6

要刪除所有默認的錯誤消息使用

$.validator.messages.required = ""; 

Answer 7

最新版本有一些不錯的在線東西可以做。

如果它是一個簡單的輸入框，你可以添加屬性data-validation-error-msg這樣的 -

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

如果你需要的東西重一點，你可以完全自定義，使用可變事情被傳遞到所有的值驗證功能。參考此鏈接的全部細節 - https://github.com/victorjonsson/jQuery-Form-Validator#fully-customizable

Answer 8

，而不是這些自定義錯誤消息，我們可以指定文本字段的類型。

例：字段的設定類型中爲type =「電子郵件」

然後插件將識別字段和正確驗證。

Answer 9

這爲我工作：

// 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.", 
      } 
     } 
    }) 

Answer 10

@Josh：您可以從資源包

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

擴大與翻譯的消息解決方案。如果你把這個代碼的一部分到你的_layout。CSHTML（MVC）它，因爲我們已經在使用jQuery的適用於所有的意見

Answer 11

，我們可以讓網頁設計師添加自定義消息的標記，而不是代碼：

<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') 
    } 
    // ... 
}); 

Answer 12

我從來沒有想過這會很容易，我正在開發一個項目來處理這種驗證。

下面的答案對於想要毫不費力地更改驗證消息的人很有幫助。

以下方法使用「佔位符名稱」代替「此字段」。

您可以輕鬆地修改的東西

// 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 
     }); 
    });