CarlosIribar
Hi! I’m new in Phoenix and Liveview. I’m trying to create a form using a changeset but I don’t know why the input core component can’t find the name, id, value, etc key.
Here is my form:
<.simple_form :let={f} for={@changeset |> dbg()} id="promo-form" phx-change="validate" phx-submit="save">
<.input field={{f, :first_name} |> dbg()} type="text" label="First Name" />
<.input field={{f, :email}} type="email" label="Email" phx-debounce="blur" />
<:actions>
<.button phx-disable-with="Sending...">Send Promo</.button>
</:actions>
</.simple_form>
And here is the error:
key :name not found in: %{changed: nil, given: %{changed: nil, field: {%Phoenix.HTML.Form{source: #Ecto.Changeset<action: nil, changes: %{}, errors: [first_name: {“can’t be blank”, [validation: :required]}, email: {“can’t be blank”, [validation: :required]}], data: #Pento.Promo.Recipient<>, valid?: false>, impl: Phoenix.HTML.FormData.Ecto.Changeset, id: “promo-form”, name: “recipient”, data: %Pento.Promo.Recipient{email: nil, first_name: nil}, hidden: , params: %{}, errors: , options: [method: “post”, id: “promo-form”, multipart: false, “phx-change”: “validate”, “phx-submit”: “save”], index: nil, action: nil}, :first_name}, label: “First Name”, type: “text”}, errors: , field: {%Phoenix.HTML.Form{source: #Ecto.Changeset<action: nil, changes: %{}, errors: [first_name: {“can’t be blank”, [validation: :required]}, email: {“can’t be blank”, [validation: :required]}], data: #Pento.Promo.Recipient<>, valid?: false>, impl: Phoenix.HTML.FormData.Ecto.Changeset, id: “promo-form”, name: “recipient”, data: %Pento.Promo.Recipient{email: nil, first_name: nil}, hidden: , params: %{}, errors: , options: [method: “post”, id: “promo-form”, multipart: false, “phx-change”: “validate”, “phx-submit”: “save”], index: nil, action: nil}, :first_name}, id: nil, inner_block: , label: “First Name”, multiple: false, prompt: nil, rest: %{}, type: “text”}
The core component:
def input(assigns) do
~H"""
<div phx-feedback-for={@name}>
<.label for={@field.id}><%= @label %></.label>
<input
type={@type}
name={@name}
id={@id}
...
I don’t know if this is because my changeset is schemaless because I this this component working to register a user for example
defmodule Pento.Promo.Recipient do
import Ecto.Changeset
@types %{email: :string, first_name: :string}
defstruct [:email, :first_name]
def changeset(%__MODULE__{} = user, attrs) do
{user, @types}
|> cast(attrs, Map.keys(@types))
|> validate_required([:first_name, :email])
|> validate_format(:email, ~r/@/)
end
end
Trending in Questions
Other Trending Topics
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex










Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
tomkonidas
You would need to also add a
nameto theinput/1. As we see in the component it is expecting@nameto be set, so we can pass it in like so:tomkonidas
After looking at the component, the
fieldshould be something like thisCarlosIribar
@tomkonidas I add the name then the error is about the value:
Example:
<.input field={{f, :first_name} |> dbg()} name={f.name} type="text" label="First Name" />Error:
key :value not found in: %{changed: nil, given: %{changed: nil, field: {%Phoenix.HTML.Form{source: #Ecto.Changeset<action: nil, changes: %{}, errors: [first_name: {“can’t be blank”, [validation: :required]}, email: {“can’t be blank”, [validation: :required]}], data: #Pento.Promo.Recipient<>, valid?: false>, impl: Phoenix.HTML.FormData.Ecto.Changeset, id: “promo-form”, name: “recipient”, data: %Pento.Promo.Recipient{email: nil, first_name: nil}, hidden: , params: %{}, errors: , options: [method: “post”, id: “promo-form”, multipart: false, “phx-change”: “validate”, “phx-submit”: “save”], index: nil, action: nil}, :first_name}, label: “First Name”, name: “recipient”, type: “text”}, errors: , field: {%Phoenix.HTML.Form{source: #Ecto.Changeset<action: nil, changes: %{}, errors: [first_name: {“can’t be blank”, [validation: :required]}, email: {“can’t be blank”, [validation: :required]}], data: #Pento.Promo.Recipient<>, valid?: false>, impl: Phoenix.HTML.FormData.Ecto.Changeset, id: “promo-form”, name: “recipient”, data: %Pento.Promo.Recipient{email: nil, first_name: nil}, hidden: , params: %{}, errors: , options: [method: “post”, id: “promo-form”, multipart: false, “phx-change”: “validate”, “phx-submit”: “save”], index: nil, action: nil}, :first_name}, id: nil, inner_block: , label: “First Name”, multiple: false, name: “recipient”, prompt: nil, rest: %{}, type: “text”}
And adding a value={f.value} doesn’t fix it.
tomkonidas
Try passing in your input fields like:
CarlosIribar