javascript - 将 js 包含在 JQuery 验证中

标签 javascript jquery jquery-validate

我在我的应用程序中使用 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 中声明的变量。

请向我建议解决方案。

谢谢。

最佳答案

您只需将以下内容放入 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.

});

关于javascript - 将 js 包含在 JQuery 验证中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8090137/

相关文章:

javascript 回调函数 onreadystatechange,在一个简单的 ajax 示例中

javascript - 如何使用 reduce 在 Javascript 中返回一个对象?

javascript - 如何在页面重新加载后保留 onclick 函数

javascript - 如何在 jQuery 日期选择器的输入中制作自定义日期显示文本?

jquery - 验证 Bootstrap 4 时复选框下方出现错误消息

jquery - 需要 HTML5 输入 - 如何禁用

javascript - 原型(prototype)缺失 : after element

jquery - 在脚本中指定 jQuery 别名#

javascript - 合并 JQuery 中的字段重置

jQuery 验证插件和 Bootstrap 4