事件 - htmx:validation:halted

当请求由于验证错误而停止时，会触发此事件。

事件参数

detail.elt - 触发请求的元素
detail.errors - 包含无效元素及其相关错误的错误对象数组

示例代码

<input type="text" id="username" name="username" placeholder="Username" required>
<input type="password" id="password" name="password" placeholder="Password" required>
<button type="button" 
hx-post="login" 
hx-include="#username,#password" 
hx-validate="true"
hx-on:htmx:validation:halted="
    event.detail.errors.forEach(err => {
        console.log(err.elt.id);
        console.log(err.message);
        }
    });" 
>Login</button>