Chrome中的HTML5必填字段

Question

我有一些在表单中必填的required="required"输入字段。在Firefox中它可以正常工作，但是在Chrome中当字段为空时不会弹出任何错误，但仍会阻止表单提交，这并不是很用户友好的。我知道在旧版本的Chrome中这个功能是可以正常使用的。

HTML：

<form method="post" id="contact-form" action="/kontakt">
                <div id="sylius_core_contact"><div class="form-field"><label for="sylius_core_contact_name" class=" required control-label">
    Ime i prezime
    </label><br><input type="text" id="sylius_core_contact_name" name="sylius_core_contact[name]" required="required"></div><div class="form-field"><label for="sylius_core_contact_email" class=" required control-label">
    Adresa e-pošte
    </label><br><input type="email" id="sylius_core_contact_email" name="sylius_core_contact[email]" required="required"></div><div class="form-field"><label for="sylius_core_contact_message" class=" required control-label">
    Poruka
    </label><br><textarea id="sylius_core_contact_message" name="sylius_core_contact[message]" required="required" rows="9"></textarea></div><input type="hidden" id="sylius_core_contact__token" name="sylius_core_contact[_token]" value="dc6f7bf332ad26f1cd9ae0aeba51f3ab4704578e"></div>
                <input value="Pošalji poruku" class="green-button" type="submit">
            </form>

新版Chrome有什么问题？

- umpirsky

---

该属性应该在HTML5浏览器中触发客户端验证。它确实可以做到，但由于某种原因，在新版本的Chrome中它不会报告验证错误，只是阻止表单提交。 - umpirsky

如果您与我们分享您的代码，那将会很有帮助。 - user1193509

我在2019年7月的最新Chrome浏览器（v.75）中的某些字段上遇到了这种确切的行为。在Safari中正常工作。 - Jeremy Moritz

Answer 1

这是Chromium中的一个错误https://code.google.com/p/chromium/issues/detail?id=45804.

- umpirsky