validation - CakePHP 表单验证渲染错误

Question

我正在做标准的 CakePHP 博客教程（使用 2.4 测试版，因为当我创建一个真正的网站时它已经过测试版了）

在我看到渲染问题的添加表单上，这是一个错误还是我做过的事情：-

第二个字段上的验证弹出窗口搞砸了，它上面的可调整大小的间隙有点像多行文本输入，它附加到第一个文本框上的验证器上很好

查看拖动手柄（弹出窗口的右上角） http://snag.gy/U7tKQ.jpg

你可以拖动它 http://snag.gy/087fr.jpg

它似乎与弹出窗口位于可调整大小的字段上的事实有关

Answer 1

去那里http://diveintohtml5.info/forms.html并向下滚动到表单验证。

这是您正在使用的浏览器的 HTML5 内置表单验证，请检查输入元素。老实说，我不确定您是否可以为它们设置不同的样式，但在我看来，浏览器正在通过向 DOM 树中添加一些标记和 CSS 来做到这一点，这可能与您那里的任何其他内容发生冲突。我个人以前没有遇到过这种情况。

顺便说一下，了解您的标记和 CSS 可能会有所帮助。

Answer 2

这是 chrome 的默认行为

用于生成表单的框架不会影响此类消息的外观。对于任何输入，Chrome 的默认行为（或者简单地说，行为 - 不要认为它可以被修改）required="required"是在输入为空并带有Please fill in this field（或类似）提示的情况下阻止提交表单。这是支持html5 的浏览器中引入的众多功能之一。

js干扰？

提示弹出窗口中提到的拖动手柄不正常 - 这可能是由某些 javascript 或浏览器扩展引起的。