Javascript 全局更改所有页面的淘汰验证消息
我希望所有页面的输入验证消息都显示为红色。 我如何才能做到这一点,使其在全球范围内发挥作用 knockout.validation.debug.js有以下代码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
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”应该放在哪里?哦,糟糕,我误解了你的问题,是为了改变消息的措辞,而不是样式。我会在有机会时更新。请参阅和相关的小提琴。