question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] "rules" doesn't works on v-text-field with type="number"

See original GitHub issue

Versions and Environment

Vuetify: 1.3.15 Vue: 2.5.21 Browsers: Chrome 71.0.3578.98 OS: Windows 10

Steps to reproduce

type an invalid number in the first field (since it’s a number field you cannot type letters, so you can try something like ----)

Expected Behavior

field should display error message, like the one on the right.

Actual Behavior

no error message under the field

Reproduction Link

https://codepen.io/anon/pen/MZEvBZ?&editable=true&editors=101

Other comments

“rules” on a v-text-field stop working if you add type="number" to the field.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
jacekkarczmarczykcommented, Dec 29, 2018

That’s how javascript works https://codepen.io/anon/pen/MZEryX

0reactions
nekosaurcommented, Apr 23, 2019

@douglasg14b An input with type number only emits an empty string if it can’t parse the input, so there’s no way for us to know what the invalid input is. The best you can do is check if it’s an empty string. https://codepen.io/anon/pen/bJxaxO

@lebesnec That’s a feature request unrelated to this issue

@aburai That is also unrelated to this issue

Please refrain from commenting on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue or reach out to us in our Discord community.

Read more comments on GitHub >

github_iconTop Results From Across the Web

vue.js - v-text-field returns string after typing even though it has ...
Indeed vuetify returns string. As a workaround you can use number modifier. <v-text-field type="number" ...
Read more >
Validation Provider - VeeValidate
Using the ValidationProvider offers isolated scope for each field validation state, and does not inject/mutate anything outside its slot.
Read more >
[Solved]-v-text-field returns string after typing even though it ...
Coding example for the question v-text-field returns string after typing even though it has type number-Vue.js.
Read more >
Incident Response - Hybrid Analysis
This report is generated from a file or URL submitted to this webservice on March 16th 2020 ... Not all malicious and suspicious...
Read more >
Web Development with Django - FreePdf-books.com
When working with Django, the most common server error status you will ... not follow rigid rules, as is the case with relational...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found