CakePHP表单验证呈现错误

时间:2013-07-10 08:03:57

标签: validation cakephp rendering

我正在做标准的CakePHP博客教程(使用2.4测试版,因为在我制作真实网站时它将不会出现测试版)

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

转到那里http://diveintohtml5.info/forms.html并向下滚动以形成验证。

这是HTML5内置的表单验证,用于您正在使用的浏览器,检查输入元素。老实说,我不确定你是否可以将它们设置为不同,但对我来说,看起来浏览器通过向DOM树添加一些标记和CSS来实现这一点,这可能与你在那里的任何其他东西发生冲突。我个人以前没有这个案子。

了解你的标记和CSS可能会有所帮助。

答案 1 :(得分:1)

这是chrome的默认行为

用于生成表单的框架不会影响该类消息的外观。对于required="required"的任何输入,Chrome的默认行为(或简单地说,行为 - 不认为可以修改)是为了防止在输入为空且提示为Please fill in this field(或类似)的情况下提交表单)。这是html5 capable browsers中介绍的众多功能之一。

Chrome will prevent submitting empty fields with a popup displaying "Please fill in this field"

js干扰?

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