is-invalid 不会自然出现

Posted 2023-03-05

【中文标题】is-invalid 不会自然出现

【英文标题】：is-invalid wont show up naturally

【发布时间】：2021-01-11 16:05:43

【问题描述】：

所以我为此挣扎了一天 |我使用 Laravel/Jetstream 8.x

我制作了一个注册表格，但 is-invalid 不会显示在浏览器中，下面是不会显示的代码示例

<div class="col">
    <input class="form-control @error('nama_f') is-invalid @enderror" type="text" id="name_f" name="name_f" placeholder="Front name">
    @error ('nama_f')<div class="invalid-feedback">this is invalid</div> @enderror
</div>

这是浏览器的响应

<div class="col">
    <input class="form-control " type="text" id="name_f" name="name_f" placeholder="Front name">
</div>

它放了一个空格，所以它意味着它在那里，但不知何故没有

我尝试了一些类似@if 的东西

    @if ($errors->any()) 
        <div style="color: red; font-size:15px">
            Please choose a username.
        </div>
    @endif

这个工作正常，但是当出现任何错误时会显示出来

Jetstream 默认值也不错，但显示不应该显示的名称 我不知道如何自定义它，但我可以隐藏它，这就是我使用 is-invalid 的原因 *pic when it show default error msg *

【参考方案1】：

你有一个错字。

@error('nama_f') is-invalid @enderror

应该是

@error('name_f') is-invalid @enderror

HTH，如果它解决了您的问题，请接受这个作为答案。