单击一次按钮首先调用javascript，执行验证然后调用控制器方法

Question

我在表单中有一个按钮，设置为调用控制器方法。它将ViewModel作为参数发送给它。 现在我想确保只有在UI本身满足某些条件时才会调用对控制器的调用（如填充所有必填字段等）。

我想避免从javascript调用控制器，因为我不想展平我的整个ViewModel。

Answer 1

在JavaScript函数中，执行验证逻辑，如果失败，则return false停止将click事件传播到服务器端控制器，如下所示：

function DoButtonClick() {
    // Perform validation here

    if(!valid)
    {
        // Validation failed, so we want to stop and do not call the server
        return false;
    }

    // Otherwise, validation passed and the controller method will be called
}