Elm 表单 - 仅在离开字段且未输入任何输入后显示验证错误 - dirty/visited

Question

我只想在访问字段但未输入任何值时显示验证错误。

我知道有：

• https://github.com/rtfeldman/elm-validate
• http://package.elm-lang.org/packages/ericgj/elm-validation/1.0.1/Validation

• https://github.com/etaque/elm-form

  但想不通。

Answer 1

您可以使用 blur 事件：

input [ on "blur" (Json.Decode.map FieldBlurred targetValue) ] []

这假定了一个 Msg 构造函数，它将在模糊时接收文本框的文本：

type Msg
   = ...
   | FieldBlurred String

然后在您的更新中，适当处理空字符串：

case msg of
    FieldBlurred "" -> ...  -- invalid! 
    FieldBlurred val -> ... -- ok