html - HTML5验证

Question

我是 Html5 的新手，所以这个问题对我来说很轻松......

我正在尝试使用 HTML5 内置的表单验证。我使用 Bootstrap 作为我的框架。每次我提交表单时，当它验证时，它会将气泡置于需要修复的表单字段下方。在最终用户看来，好像是错误字段下方的字段（产品名称是错误字段）。我已经包含了我得到的屏幕截图。这是我的标记：感谢您的帮助！！！

<div class="control-group">
<label class="control-label required" for="product_name">Name</label>
<div class="controls">
    <input type="text" id="product_name" name="product[name]" required="required" placeholder="Product Name" class="span12" value="" />
</div>

Answer 1

在您的 FormBuilder 中，关闭该选项require并使用Form Validation。

ProductType.php 中的示例

$builder->add('name', 'text', array(
    'label'    => 'Name',
    'required' => false   // this will remove the HTML5 error which in my opinion is meh
)); 

在您的validation.yml

Your\AwesomeBundle\Entity\Product:
    properties:
        name:
            - NotBlank: ~  # when you call bindRequest on the form object it will validate the form data against that constraint

确保检查表单验证文档，因为从 Symfony2.2 开始，一些约束已经改变。