Ruby on Rails共用表单如何仅在edit场景下禁用邮箱输入框
解决方案
有两种常用实现方式,按需选择即可:
方式1:渲染局部模板时传递标识参数(最直观)
在不同的父模板渲染_form时传入是否禁用邮箱的参数:
- new.html.erb 中渲染代码:
<%= render 'form', f: f, disable_email: false %>
- edit.html.erb 中渲染代码:
<%= render 'form', f: f, disable_email: true %>
然后修改_form.html.erb中的邮箱输入框代码,直接使用传入的参数:
<%= f.label :email %> <%= f.email_field :email, class: 'form-control', disabled: disable_email %>
方式2:直接判断对象状态(无需传参,更简洁)
Rails 模型实例自带persisted?方法,会返回该对象是否已经存入数据库:新增场景下用户对象未保存,返回false;编辑场景下用户对象已存在,返回true。直接用这个属性判断即可,不需要修改父模板的渲染代码:
<%= f.label :email %> <%= f.email_field :email, class: 'form-control', disabled: f.object.persisted? %>
注意事项
前端禁用只是交互层面的限制,一定要在后端加对应校验避免被绕过:
- 控制器层:编辑用户的参数许可中,去掉
email字段,不接受前端提交的邮箱修改 - 模型层:可加更新校验,禁止邮箱字段变更
内容的提问来源于stack exchange,提问作者Volkan
相关产品推荐
相关产品推荐

