Javascript 以特定CSS格式显示警告消息

Javascript 以特定CSS格式显示警告消息,javascript,w2ui,Javascript,W2ui,我看到对话如下图所示 这是在提交输入文本后出现错误MAC地址格式的警告消息。我希望在提交输入后立即验证输入。在哪里可以找到此css样式?如果需要立即验证,则必须将novalidate属性添加到标记中。 然后在js代码中,您必须将侦听器添加到输入中,并在每次更改时验证并显示所需的消息 $('input').on('change keyup keydown',()=>{//validation code; }) 试试这个: 正文{ 字体系列:-苹果系统、BlinkMacSystemFon

我看到对话如下图所示


这是在提交输入文本后出现错误MAC地址格式的警告消息。我希望在提交输入后立即验证输入。在哪里可以找到此css样式?

如果需要立即验证,则必须将
novalidate
属性添加到
标记中。 然后在js代码中,您必须将侦听器添加到输入中,并在每次更改时验证并显示所需的消息

$('input').on('change keyup keydown',()=>{//validation code; })
试试这个:

正文{
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、“Roboto”、“Oxygen”、“Ubuntu”、“Cantarell”、“Fira Sans”、“Droid Sans”、“Helvetica Neue”、无衬线;
字体大小:112.5%;
左边距:自动;
右边距:自动;
最大宽度:40em;
宽度:88%;
}  
/**
*表单样式
*/
标签{
显示:块;
字体大小:粗体;
边缘底部:0.5em;
}
.标签正常{
字体大小:正常;
}
.模式{
颜色:#808080;
字号:0.8em;
字体大小:正常;
}
.支持颜色。颜色,
.支持日期。日期,
.支持时间。时间,
.支持月.月{
显示:无;
}
输入
挑选{
显示:内联块;
字号:1em;
边缘底部:1米;
填充:0.25em 0.5em;
宽度:100%;
}
[type=“checkbox”],
[type=“radio”]{
边缘底部:0.5em;
宽度:自动;
}
.按钮{
背景色:#0088cc;
边框:1px实心#0088cc;
边界半径:1px;
颜色:#ffffff;
显示:内联块;
字体大小:0.9375em;
字体大小:正常;
线高:1.2;
右边距:0.3125em;
边缘底部:0.3125em;
填充:0.5em 0.6875em;
宽度:自动;
}
.按钮:激活,
.按钮:焦点,
.按钮:悬停{
背景色:#005580;
边框颜色:#005580;
颜色:#ffffff;
文字装饰:无;
}
.按钮:激活{
盒影:插入0.15625em 0.25em rgba(0,0,0,0.15),0 1px 0.15625em rgba(0,0,0,0.05);
}

文本输入
具有最小和最大长度的文本
密码(必须至少包含1个大写字符、1个小写字符和1个数字)
具有Title属性的密码
带模式和最小长度的密码

对不起,我没有描述清楚。我知道如何以及何时验证输入,但我需要为警告消息创建css syle。这取决于您的布局和样式。。。您可以检查.alert danger类,如果您使用的是引导框架,是否可以在我单击submit bottom之前显示警告弹出窗口?是的,正如@MhdWaelJazmati建议的,您可以为每个输入添加条件,而不是在HTML中提及它。当条件不满足时,可以显示相应的标签。我发现reportValidity()使用浏览器的本机验证气泡向用户显示表单的错误。