Comments (7)
I'm afraid I don't follow. Can you provide more detail about your request please. Is this related to the #43 which you raised?
from re-com.
I'm going to close this because I suspect it is a duplicate of #43. But if that is wrong, please drop a further comment in here, and we'll re-open.
from re-com.
This issue is distinct from #43. By validation, I mean validating entered text, not restricting input. So, for example, a user may enter a number, but only certain numbers would be considered valid.
E.g. I want to do a Luhn check on an IMEI number or a credit card number, which cannot be done with a regular expression. Instead of preventing entry, I want to give the user feedback about invalid input.
from re-com.
As per #43 you can set :change-on-blur?
to false
and then your :on-change
fn will get called back on each character press.
On each callback, this :on-change
callback can choose to update the value/ratom given to :model
or not.
In that way, you control what the user is able to enter. You control validation in whatever way you want.
from re-com.
For example, the following (untested) code will never allow the user to enter an 'e' character:
(defn test
[]
(let [model (reagent/ratom "world")]
(fn []
[input-text
:model model
:change-on-blur? false
:on-change (fn [new-value] (if-not (some #(= \e %) new-value) (reset! model new-value))])))
from re-com.
Thanks, that attribute solves my problem :). I saw the :change-on-blur?
attribute, but it was not obvious to me that false would result in on-change firing on-key-up. I tried specifying :on-key-up
fn, but that was not allowed. May I suggest considering {:fire-change :on-blur/:on-key-up}
for future APIs.
from re-com.
Yep, there was a reason I suggested this was a duplicate of #43.
from re-com.
Related Issues (20)
- problem with simple-v-table?
- simple-v-table: Unknown parameter: :striped? HOT 1
- Base font size
- Bootstrap out of date HOT 2
- Tour component demo breaks on clicking "Start Tour!" button HOT 1
- Filter issue when using hiccup for labels in multi-select
- Check-box styling is overridden by browser instead of bootstrap HOT 2
- disabled list should not show on hover background HOT 2
- Conflicting documentation in splits HOT 1
- Datepicker header height increases when a disabled next or previous year button is displayed HOT 1
- Missing icons? HOT 1
- Pass event to popover :on-cancel
- status icon :error has incorrect zmdi-spinner in class
- v-table scrollbar thumb colors are hardcoded (potential PR)
- reagent 1.2.0 reagent.dom/dom-node is deprecated HOT 1
- Bizarre issue with the typeahead component HOT 1
- enhancement: Support :enabled? prop on tab components HOT 1
- horizontal-bar-tabs: Suppress redundant on-click handler calls HOT 3
- Unknown parameter: :parts in tree-select
- Re-com won't build with figwheel-main fig:min HOT 4
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 re-com.