Yii2中onsubmit事件触发两次问题求助

这种情况我之前也碰到过，核心原因是Yii的ActiveForm本身会自动绑定submit事件（用来处理客户端验证、AJAX提交这些逻辑），如果你再通过内联onsubmit或者自己手动绑定submit事件，就会导致两次触发。下面给你几个靠谱的解决办法：

方法1：用ActiveForm原生的事件钩子（推荐） #

放弃内联onsubmit，改用ActiveForm提供的beforeSubmit或afterSubmit事件，这是框架设计的标准用法，不会冲突：

<?php $form = ActiveForm::begin([
    'id' => 'your-form-id',
    'clientOptions' => [
        'beforeSubmit' => new JsExpression('function(form, event, jqXHR) {
            // 这里写你原来onsubmit里的逻辑
            console.log("提交事件触发一次");
            
            // 返回true允许表单提交，返回false阻止提交
            return true;
        }'),
    ],
]); ?>

<!-- 表单内容 -->

<?php ActiveForm::end(); ?>

方法2：关闭ActiveForm默认的客户端脚本（适合一定要用内联onsubmit的场景） #

如果你坚持要用内联onsubmit，可以关闭ActiveForm自动生成的客户端脚本，避免重复绑定：

<?php $form = ActiveForm::begin([
    'id' => 'your-form-id',
    'enableClientScript' => false, // 关键：关闭默认客户端脚本
    'options' => [
        'onsubmit' => 'return handleSubmit(event);'
    ],
]); ?>

<!-- 表单内容 -->

<?php ActiveForm::end(); ?>

然后在JS里写你的处理函数：

function handleSubmit(event) {
    // 这里写提交逻辑
    console.log("提交事件触发一次");
    
    // 返回true提交表单，false则阻止
    return true;
}

方法3：检查是否手动重复绑定了submit事件 #

如果你自己用jQuery额外绑定了submit事件（比如$('#your-form-id').submit(...)），要确保只绑定一次，或者用one()代替on()，确保事件只执行一次：

// 只绑定一次submit事件，避免重复触发
$('#your-form-id').one('submit', function(event) {
    // 处理逻辑
    console.log("提交事件触发一次");
    
    // 如果需要阻止默认的表单提交，取消下面的注释
    // event.preventDefault();
});

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