Chrome中的HTML5必填字段

我的表单中有一些required=“required”输入字段。它在Firefox中工作得很好，但在Chrome中，当字段为空时，它不会弹出任何错误，但仍然阻止表单提交，这对用户来说不是很友好。我知道这种用法在Chrome的旧版本中也适用

HTML:

我是普雷齐姆


阿德雷萨e-pošte


波鲁卡

---

新Chrome有什么问题？

这是Chrome中的一个bug。

该属性应该触发HTML5浏览器中的客户端验证。确实如此，但由于某些原因，在新版Chrome中，它不会报告验证错误，只会阻止表单提交。如果您与我们共享您的代码，这会有所帮助。@nodirtyrockstar请查看更新的问题。我在2019年7月最新Chrome（v.75）的一些字段上遇到了这种情况。在狩猎中效果很好

<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>