formvalidation.io仅首次验证有效，提交后空字段可提交求助

问题现象 #

使用formvalidation.io做表单验证时，首次验证逻辑正常：空输入时会提示必填错误、提交按钮处于禁用状态；但提交表单并清空后，再次点击提交按钮（输入仍为空），系统不再触发验证提示，直接提交表单导致后端返回401错误。

问题根源 #

1. 强制跳过验证提交：success.form.fv事件中调用的fv.defaultSubmit()会绕开formValidation的验证逻辑，直接提交表单，这是核心冲突点。
2. 重置时机与逻辑混乱：在验证成功事件中立即重置表单，同时又开启了ajaxForm的resetForm: true，双重重置导致formValidation的状态同步异常。
3. 重置后未恢复验证状态：resetForm(true)会彻底清空字段的验证标记，但重置后没有重新触发验证，导致空字段无法被检测到，提交按钮保持启用状态。

修复方案及代码调整 #

前端代码修改（核心修复） #

// 初始化表单验证，必须补充具体字段的验证规则（示例为必填规则，按需调整）
$('.deviceStatus, .accountsLogin, .sendMessage').formValidation({
    framework: 'bootstrap',
    excluded: ':disabled',
    fields: {
        // 替换为你的实际表单字段name，比如消息内容字段
        message_content: {
            validators: {
                notEmpty: {
                    message: '该字段不能为空'
                }
            }
        }
        // 可添加更多字段的验证规则
    }
});

// 拦截formValidation的成功事件，仅阻止默认提交，交给ajaxForm处理
$('.sendMessage').on('success.form.fv', function (e) {
    e.preventDefault();
});

// 配置ajaxForm，统一处理提交、重置逻辑
$('.sendMessage').ajaxForm({
    beforeSubmit: function () {
        if (!confirm('Are you sure you want to send this message?')) {
            return false;
        }
        // 提交前强制验证表单，双重保险
        var fv = $('.sendMessage').data('formValidation');
        return fv.isValid();
    },
    success: function () {
        toastr.success("Message sent", "Success");
        // 请求成功后再重置表单，避免状态混乱
        var $form = $('.sendMessage');
        var fv = $form.data('formValidation');
        
        // 重置字段值与验证状态
        fv.resetForm(true);
        $form[0].reset();
        
        // 重置后重新触发全表单验证，恢复空字段的错误提示与按钮禁用逻辑
        fv.validate();
    },
    error: function (response) {
        toastr.error(response.responseText, "Error");
    }
});

关键修改点说明 #

• 补充字段验证规则：formValidation依赖明确的fields配置识别需要验证的字段，无规则情况下重置后可能无法正确触发验证。
• 移除fv.defaultSubmit()：彻底取消强制跳过验证的逻辑，让formValidation的验证流程完全生效。
• 延迟重置到请求成功后：确保表单提交完成后再重置，避免验证状态与表单数据同步异常。
• 重置后调用fv.validate()：重新触发全表单验证，让formValidation检测空字段，自动恢复错误提示与提交按钮禁用状态。

额外排查点 #

• 检查表单字段的name属性是否正确，formValidation通过name绑定验证规则。
• 确认excluded配置未包含需要验证的字段（比如不要排除空值字段）。
• 若使用动态生成的字段，重置后需重新调用fv.addField()初始化字段验证（普通静态表单无需此操作）。

后端代码说明 #

你的后端401错误是由于前端提交了空数据导致的，修复前端验证逻辑后，空表单会被前端直接拦截，不会发送请求到后端，因此后端代码无需修改，保持现有逻辑即可。

内容的提问来源于stack exchange，提问作者Denis