覆盖CSS以进行html5表单验证/所需的弹出窗口
如何覆盖HTML5表单上必填字段的默认弹出窗口？
HTML
<form>
<input type="text" name="name" id="name" placeholder="Name*" required="required" />
<input type="submit" />
</form>
注意：您必须使用HTML5浏览器（例如Google Chrome或FireFox）查看此内容。
问题答案：
仅使用HTML5 / CSS3更改验证样式是不可能的。
它是浏览器的一部分。我发现要更改的唯一属性是使用以下示例的错误消息：
document.getElementById("name").setCustomValidity("Lorum Ipsum");
但是，如本例所示：http : //jsfiddle.net/trixta/qTV3g/，您可以使用jQuery覆盖面板样式。这不是插件，而是核心功能，使用称为Webshims的DOM库，当然还使用一些CSS设置弹出窗口的样式。
我在标题为的错误文章中发现了一个非常有用的示例Improve form validation error panel UI。
我认为这是您可以找到的最佳解决方案，并且是覆盖基本（难看）错误面板的唯一方法。
-
本文向大家介绍覆盖HTML5验证，包括了覆盖HTML5验证的使用技巧和注意事项，需要的朋友参考一下 要忽略HTML验证，可以使用JavaScript删除单击按钮时的属性。 您必须从每个匹配的元素中删除一个属性。
-
如何覆盖symfony2中的表单验证消息。虽然有一个验证。与xml文件相关的模型类。我认为它验证了一个基于html5的表单。 “请匹配要求的格式”，“请填写此字段”。是否有任何方法覆盖此验证消息。 请在这方面帮助我，我被困了一天多，因为我对symfony是全新的
-
可以请一些人帮助我处理窗口身份验证弹出在chrome使用selenium和C#而不使用AutoIT吗？ 窗口身份验证弹出 附注。-用用户名和密码（http：//username:password@url/)嵌入url在我的代码中不起作用。CSS无法加载。
-
我有以下资料： 我需要覆盖所有jsf所需验证的输入组件消息。 默认值："登录：验证错误。Vous Devez Indiquer une Valur。" 自定义：“登录：est要求。” 我已经在com中创建了一个属性文件。应用程序。包含以下行的foo命名消息： 此外，我已在faces配置中注册了它，如下所示： 但我仍然得到了默认的必需验证消息。
-
问题内容： 我有一个带有几个不同字段集的表单。我有一些Javascript可以一次向用户显示字段集。对于支持HTML5验证的浏览器，我很乐意使用它。但是，我需要按我的意愿去做。我正在使用JQuery。 当用户单击JS链接以移至下一个字段集时，我需要在当前字段集上进行验证，并在出现问题时阻止用户继续前进。 理想情况下，当用户失去对某个元素的关注时，将进行验证。 目前没有使用Java进行验证。宁愿使用
-
这是我的html代码： 和css代码：