CakePHP表单验证呈现错误

Question

我正在做标准的CakePHP博客教程(使用2.4测试版，因为当我创建一个真正的网站时，它将会退出测试版)

在add表单上，我看到了渲染问题，这是一个bug还是我做的什么：

第二个字段上的验证弹出窗口乱七八糟，其上方的可调整间距有点像附加到第一个文本框上的验证器的多行文本输入

请参见拖动手柄(弹出窗口的右上角) http://snag.gy/U7tKQ.jpg

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

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

Answer 1

这是chrome的默认行为

用于生成表单的框架不会影响此类消息的外观。对于使用required="required"的任何输入，Chrome的默认行为(或者简单地说，行为--不要认为它可以被修改)是，如果输入为空并提示为Please fill in this field (或类似的)，则阻止提交表单。这是html5 capable browsers中引入的众多特性之一。

​

​

js干扰？

提示弹出窗口上提到的拖动手柄不正常-这可能是由某个javascript或浏览器扩展造成的。

Answer 2

转到http://diveintohtml5.info/forms.html并向下滚动到form validation。

这是针对您使用的浏览器的HTML5内置表单验证，请检查input元素。老实说，我不确定您是否可以设置不同的样式，但在我看来，浏览器是通过向DOM树添加一些标记和CSS来做到这一点的，这些标记和CSS可能会与您在DOM树中的其他内容发生冲突。我个人以前没有接过这个案子。

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