Comments (4)
@pdarden I ended up writing a helper function for it. For brevity, I will post a field in from my source code:
phoneFormField : Model -> Html Msg
phoneFormField model =
let
phone =
Form.getFieldAsString "phone" model.form
in
Textfield.render Mdl
[ 2 ]
model.mdl
[ Textfield.text_
, Textfield.label "Phone number*"
, Textfield.floatingLabel
, Textfield.value <| Maybe.withDefault "" phone.value
, Utils.onMaterialInput FormMsg phone.path
, Utils.onMaterialFocus FormMsg phone.path
, Utils.onMaterialBlur FormMsg phone.path
]
[]
onMaterialInput : (Form.Msg -> msg) -> String -> Options.Property c msg
onMaterialInput msg path =
Options.onInput <| msg << Form.Input path Form.Text << Form.Field.String
onMaterialFocus : (Form.Msg -> msg) -> String -> Options.Property c msg
onMaterialFocus msg path =
Options.onFocus << msg <| Form.Focus path
onMaterialBlur : (Form.Msg -> msg) -> String -> Options.Property c msg
onMaterialBlur msg path =
Options.onBlur << msg <| Form.Blur path
I hope this will help you further
from elm-form.
After reading the source code multiple times, I figured it out.
This is the new way:
Options.onInput <| FormMsg<< Form.Input phone.path Form.Text << Form.Field.String
from elm-form.
@tolgap How did you get onFocus
and onBlur
working?
from elm-form.
@tolgap Thank you!
from elm-form.
Related Issues (20)
- Nesting a multiple field validation loses the error HOT 2
- Initial textarea value on IE does not work HOT 3
- Example code typo in README
- Support for Ints? HOT 2
- validation it kick off onBlur for initially empty values HOT 1
- Providing default values to nested records?
- How to validate input1 value is the same as input2 value HOT 1
- Email validator too permissive? HOT 2
- Custom Error after validating through an API
- Why is "elm-test" a dependency? HOT 2
- Why no Form.Cancel message?
- Validation error doesn't appear under `liveError`
- Ability to persist form state as JSON ?
- Dependency on elm-test causes compatibility error HOT 1
- Exception Thrown in Output. ReferenceError: Elm is not defined
- Extend Form.Input to support date input
- Example does not compile (Elm 0.19.1)
- Losing type safety should be emphasized HOT 4
- Form Input maintained on Reset HOT 2
- Form validation for more than 8 fields? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from elm-form.