Elixir Phoenix LiveView表单提交异常：启用按钮后表单清空且按钮重禁

1. 表单未绑定有效Changeset
   你的表单用for={:user}而非绑定到一个实际的Changeset结构体（比如@user_changeset）。当@trigger_variable_when_changeset_is_valid更新时，LiveView会重新渲染表单，但因为没有绑定保存了用户输入的Changeset，表单会重置为初始空状态。

2. 提交按钮的disabled属性写法错误
   你把布尔值转成了字符串：disabled: {"#{!@trigger_variable_when_changeset_is_valid}"}。HTML里disabled是一个存在即生效的属性，哪怕你写disabled="false"，浏览器依然会判定按钮是禁用状态。这就导致即使变量为true，按钮还是会被禁用。

步骤1：改用绑定Changeset的表单 #

首先在LiveView的mount或者初始化逻辑里创建一个空的用户Changeset：

def mount(_params, _session, socket) do
  changeset = User.changeset(%User{}, %{})
  {:ok, assign(socket, user_changeset: changeset, trigger_variable_when_changeset_is_valid: false)}
end

然后把表单改成绑定这个Changeset：

<.form let={f} for={@user_changeset} action={Routes.user_path(@socket, :create)} phx-change="validate_changeset" phx-debounce="blur" as={:user}>
  <!-- 表单字段 -->
</.form>

步骤2：修正validate_changeset事件处理 #

在事件处理函数里，验证输入并更新Changeset和状态变量，确保用户输入被保存在Changeset中：

def handle_event("validate_changeset", %{"user" => user_params}, socket) do
  changeset = User.changeset(%User{}, user_params)
  trigger_valid = changeset.valid?
  {:noreply, assign(socket, user_changeset: changeset, trigger_variable_when_changeset_is_valid: trigger_valid)}
end

步骤3：修复提交按钮的disabled属性 #

直接使用布尔值，不要转成字符串：

<%= submit "Save", phx_disable_with: "Saving...", disabled: !@trigger_variable_when_changeset_is_valid %>

这样修改后，表单会绑定到保存了用户输入的Changeset，重新渲染时不会清空字段；按钮的禁用状态也会根据变量的布尔值正确切换。

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