Javascript 全局更改所有页面的淘汰验证消息

Javascript 全局更改所有页面的淘汰验证消息,javascript,css,knockout.js,knockout-validation,Javascript,Css,Knockout.js,Knockout Validation,我希望所有页面的输入验证消息都显示为红色。 我如何才能做到这一点,使其在全球范围内发挥作用 knockout.validation.debug.js有以下代码 var defaults = { registerExtenders: true, messagesOnModified: true, errorsAsTitle: true, // enables/disables showing of errors as title

我希望所有页面的输入验证消息都显示为红色。 我如何才能做到这一点,使其在全球范围内发挥作用

knockout.validation.debug.js有以下代码

var defaults = {
        registerExtenders: true,
        messagesOnModified: true,
        errorsAsTitle: true,            // enables/disables showing of errors as title attribute of the target element.
        errorsAsTitleOnModified: false, // shows the error when hovering the input field (decorateElement must be true)
        messageTemplate: null,
        insertMessages: true,           // automatically inserts validation messages as <span></span>
        parseInputAttributes: false,    // parses the HTML5 validation attribute from a form element and adds that to the object
        writeInputAttributes: false,    // adds HTML5 input validation attributes to form elements that ko observable's are bound to
        decorateInputElement: false,         // false to keep backward compatibility
        decorateElementOnModified: true,// true to keep backward compatibility
        errorClass: null,               // single class for error message and element
        errorElementClass: 'validationElement',  // class to decorate error element
        errorMessageClass: 'validationMessage',  // class to decorate error message
        allowHtmlMessages: false,       // allows HTML in validation messages
        grouping: {
            deep: false,        //by default grouping is shallow
            observable: true,   //and using observables
            live: false         //react to changes to observableArrays if observable === true
        },
        validate: {
            // throttle: 10
        }
    };
var默认值={
registerExtenders:对,
messages:true,
errorsAsTitle:true,//启用/禁用将错误显示为目标元素的title属性。
ErrorsTitleOnModified:false,//在悬停输入字段时显示错误(decorateElement必须为true)
messageTemplate:null,
insertMessages:true,//自动将验证消息作为
parseInputAttribute:false,//从表单元素解析HTML5验证属性,并将其添加到对象中
writeInputAttributes:false,//添加HTML5输入验证属性以形成绑定到ko observable的元素
decorateInputElement:false,//false以保持向后兼容性
decorateElementOnModified:true,//true以保持向后兼容性
errorClass:null,//错误消息和元素的单个类
errorElementClass:'validationElement',//用于修饰错误元素的类
errorMessageClass:'validationMessage',//用于修饰错误消息的类
allowHtmlMessages:false,//允许在验证消息中使用HTML
分组:{
deep:false,//默认情况下分组为浅分组
observable:true,//并使用observable
live:false//如果observable==true,则对observable的更改作出反应
},
验证:{
//节气门:10
}
};

插入的错误消息具有指定的类,默认情况下,
validationMessage
。如果您想全局更改样式,只需为该类设置一些css规则就足够了

.validationMessage
{
    color: red;
}
当然,您也可以选择覆盖默认消息类

ko.validation.init({
    errorMessageClass: 'my-error-class'
});

我使用的是默认验证(输入下面会显示一条消息)。我只想将所有页面的文本颜色从黑色立即更改为红色。这个“ko.validation.rules.required.message”应该放在哪里?哦,糟糕,我误解了你的问题,是为了改变消息的措辞,而不是样式。我会在有机会时更新。请参阅和相关的小提琴。