需要HTML5，验证工作，但不显示消息

Question

我在“复选框”中实现了验证“必需”并且它有效，“设置焦点”在字段上，但验证消息未显示！

<form  asp-action="Create">
    <div class="form-horizontal">
        <h4>Etapa 4 - Termos de Uso</h4>
        <h5>Para concluir a sua inscrição basta validar que você não é um robo e concordar com os termos de uso!</h5>
        <hr />
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    </div>
    <div class="form-group">
        <div class="g-recaptcha" data-sitekey="6LcgsyITAAAAAHiF8A1MGysKGUfQddq-_uzBD8ba"></div>
    </div>
    <div class="form-group">
        <div class="col-md-8  checkbox-inline">
            <input asp-for="Aceite" required  oninvalid="this.setCustomValidity('Para concluir a inscrição é necessário aceitar os termos de uso')"/>
            <a href="#" data-toggle="modal" data-target="#myModal">Li e concordo com os termos de uso e privacidade</a>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-8  checkbox-inline">
            <input asp-for="AceitePromocao" />
            <label asp-for="AceitePromocao"></label>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-pull-12">
            <input type="submit" value="Aceitar e concluir" class="btn btn-success btn-lg" />
        </div>
    </div>
</form>

Answer 1

这是因为复选框所需的验证不合逻辑。 复选框始终可以是 true或false 。当你进行检查时，它是 true ，否则就是假的。

这意味着总是有值。