包括Js與JQueryValidation

Question

我在我的應用程序中使用jQuery驗證。但現在我們打算在單獨的文件（ErrMsgs.js）中聲明所有錯誤消息變量，並使用這些變量代替JQuery驗證插件（jquery.validate.min.js）中的錯誤消息。

一些我如何需要包括ErrMsgs.js在jquery.validate.min.js文件文件，這樣我可以利用在ErrMsgs.js

聲明的變量的我在jquery.validate使用下面的腳本.min.js

loadJavaScriptFile("Scripts/ErrMsgs.js"); 

function loadJavaScriptFile(jspath) { 
    document.write('<script type="text/javascript" src="' + jspath + '"><\/script>'); 
} 

但我無法使用在ErrMsgs.js中聲明的變量。

請給我解決方案。

謝謝。

Answer 1

您可以使用JavaScript加載器，如http://requirejs.org/或http://www.andresvidal.com/jsl。如果您更喜歡jQuery，那麼我只是發現這個http://api.jquery.com/jQuery.getScript/，它使用jQuery ajax調用，但將結果解析爲成功腳本。

每一種允許您在成功執行自己的代碼，這樣你就可以將其連接到驗證的消息對象，或任何如下（jQuery的例子）：

$.getScript("Scripts/ErrMsgs.js", function(data, textStatus){ 
    $.extend(jQuery.validator.messages, myCustomErrorMessages); 
}); 

如果你嘗試按照您當前的方式加載腳本，我不認爲瀏覽器會將該字符串解析爲JavaScript。

Answer 2

你可以簡單地把你的ErrMsgs.js文件中的以下內容：

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

然後包括它像任何其他JavaScript文件：

<script type="text/javascript" src="ErrMsgs.js"></script> 

---

編輯：

基於這些變數的評論需要在另一個地方使用，也許下面的工作。

var msg1 = "This field is required.", 
    msg2 = "Please fix this field.", 

    // etc., etc. 

$.extend(jQuery.validator.messages, { 
    required: msg1, 
    remote: msg2, 

    // etc. etc. 

}); 

$.extend(jQuery.xyz.messages, { 
    required: msg1, 
    remote: msg2, 

    // etc. etc. 

});