liveValidate does not work for integer input · rjsf-team/react-jsonschema-form#4038

2024-01-11T13:40:44.000Z

### Prerequisites - [X] I have searched the existing issues - [X] I understand that providing a [SSCCE](http://sscce.org/) example is tremendously useful to the maintainers. - [X] I have read the [documentation](https://rjsf-team.github.io/react-jsonschema-form/docs) - [X] Ideally, I'm providing a [sample JSFiddle](https://jsfiddle.net), [Codesandbox.io](https://codesandbox.io) or preferably a [shared playground link](https://rjsf-team.github.io/react-jsonschema-form/) demonstrating the issue. ### What theme are you using? core ### Version 5.x ### Current Behavior See [this playground](https://rjsf-team.github.io/react-jsonschema-form/#eyJmb3JtRGF0YSI6e30sInNjaGVtYSI6eyJ0aXRsZSI6IlZhbGlkYXRpb24iLCJ0eXBlIjoib2JqZWN0IiwicHJvcGVydGllcyI6eyJhZ2UiOnsidHlwZSI6ImludGVnZXIiLCJ0aXRsZSI6IkFnZSJ9fX0sInVpU2NoZW1hIjp7ImFnZSI6eyJ1aTp0aXRsZSI6IkFnZSBvZiBwZXJzb24iLCJ1aTpkZXNjcmlwdGlvbiI6IihlYXJ0aCB5ZWFyKSJ9fSwidGhlbWUiOiJkZWZhdWx0IiwibGl2ZVNldHRpbmdzIjp7ImxpdmVWYWxpZGF0ZSI6dHJ1ZSwic2hvd0Vycm9yTGlzdCI6InRvcCIsImV4cGVyaW1lbnRhbF9kZWZhdWx0Rm9ybVN0YXRlQmVoYXZpb3IiOnsiYXJyYXlNaW5JdGVtcyI6eyJwb3B1bGF0ZSI6InBvcHVsYXRlIiwibWVyZ2VFeHRyYURlZmF1bHRzIjpmYWxzZX0sImFsbE9mIjoic2tpcERlZmF1bHRzIiwiZW1wdHlPYmplY3RGaWVsZHMiOiJwb3B1bGF0ZUFsbERlZmF1bHRzIn19fQ==), `liveValidate` has no effect on `integer` properties, you can enter any text there. Maybe related, most themes seem to always use the `updown` widget instead of the documented `input[type=number]`. ### Expected Behavior Entering something like `abc` should invalidate immediately when `liveValidate` is checked ### Steps To Reproduce schema: ```json { "title": "Validation", "type": "object", "properties": { "age": { "type": "integer", "title": "Age" } } } ``` alternatively: open playground linked above 1. Set `liveValidate: true` 2. Enter `abc` in integer field 3. No hint or error appears. Note that the "Validation" examples work. ### Environment ```markdown Current playground. ``` ### Anything else? _No response_

(2 commentaires) (0 réactions) (0 assignés)TypeScript (2 136 forks)batch import

bughelp wanted

Métriques du dépôt

Stars: (13 175 stars)
Métriques de merge PR: (Merge moyen 3j 17h) (32 PRs mergées en 30 j)

Description

Prerequisites

I have searched the existing issues
I understand that providing a SSCCE example is tremendously useful to the maintainers.
I have read the documentation
Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

core

Version

5.x

Current Behavior

See this playground, liveValidate has no effect on integer properties, you can enter any text there. Maybe related, most themes seem to always use the updown widget instead of the documented input[type=number].

Expected Behavior

Entering something like abc should invalidate immediately when liveValidate is checked

Steps To Reproduce

schema:

{
  "title": "Validation",
  "type": "object",
  "properties": {
    "age": {
      "type": "integer",
      "title": "Age"
    }
  }
}

alternatively: open playground linked above

Set liveValidate: true
Enter abc in integer field
No hint or error appears.

Note that the "Validation" examples work.

Environment

Current playground.

Anything else?

No response

Guide contributeur

Direction de recherche: Identifier la cause première du non déclenchement de liveValidate pour les champs de saisie d'entiers, probablement liée au mappage des widgets ou à la logique de validation du formulaire, et implémenter un correctif pour garantir une validation immédiate lors du changement de saisie.
Stack technique: typescriptreact
Domaine: frontend
Type d'issue: Bug
Difficulté: 2
Temps estimé: 1-3 heures
Statut d'activité: Active
Clarté: Claire
Prérequis: ReactTypeScript
Accessibilité débutant: 75