Lrarvel-jsvalidation radio錯誤訊息位置問題

jsvalidation laravel

feisesnow 2023-07-06 11:44:40 ‧ 499 瀏覽

分享至

我是第一次使用Lrarvel-jsvalidation套件，但實在是想不到該如何解決這個問題。
這是原本的錯誤介面

但我想把該錯誤訊息移至該的最後一列
我的code是

<td>
    <label for="sex1"><input type="radio" class="form-check-input" id="sex1" name="sex" value="1">男</label>、
    <label for="sex2"><input type="radio" class="form-check-input" id="sex2" name="sex" value="2">女</label>
    {{--想移至這個位置--}}
</td>

煩請各位大大幫忙解決，謝謝

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

Vincent1127

iT邦見習生 ‧ 2023-07-07 14:23:45

最佳解答

使用的版本：
laravel-jsvalidation v4.8.0
Bootstrap v5.2.3

在第一個radio input加上aria-describedby="sex-error"
然後在你想顯示錯誤訊息的位置加上<div id="sex-error" class="invalid-feedback"></div>
就能移動錯誤訊息了

以下是程式碼範例：

                    <td>
                        <label for="sex1"><input type="radio" class="form-check-input" id="sex1" name="sex" value="1" aria-describedby="sex-error">男</label>、
                        <label for="sex2"><input type="radio" class="form-check-input" id="sex2" name="sex" value="2">女</label>
                        {{--想移至這個位置--}}
                        <div id="sex-error" class="invalid-feedback"></div>
                    </td>