No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to offer an input for only positive numbers without validation?

    Useful Tips (NEW)
    faq-ui
    5
    14
    675
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • s.molinari
      s.molinari last edited by

      And you can still also have a validation rule, which you should have.

      Scott

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @patryckx last edited by metalsadman

        @patryckx check my sandbox currency formatter, you can replace the characters for ., prolly tweak the regular expression too. Its at src/components/base… https://codesandbox.io/s/0ybb3 sry cant check atm in mobile. mosuforge also has one using https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

        patryckx 1 Reply Last reply Reply Quote 3
        • patryckx
          patryckx @metalsadman last edited by

          @metalsadman Thank you, I will check because I have this need in a project.
          I have old solutions, but I don’t know if they are so efficient.

          metalsadman 1 Reply Last reply Reply Quote 1
          • metalsadman
            metalsadman @patryckx last edited by

            @patryckx you can see output here https://0ybb3.sse.codesandbox.io/form-validations/external-vuelidate amount field, he also helped me on how i can use numeric pad on this in mobile.

            1 Reply Last reply Reply Quote 1
            • CWoodman
              CWoodman last edited by

              It would be really handy if quasar would extend the rules so you could just write something like:
              :rules="[ val => val < 0 || val = 0]"

              1 Reply Last reply Reply Quote 0
              • s.molinari
                s.molinari last edited by

                But that isn’t a validation. That a conditional change of the value.

                Scott

                1 Reply Last reply Reply Quote 0
                • CWoodman
                  CWoodman last edited by

                  Yes, but that’s what I need - just prevent the user from entering an invalid number by accidentally holding the down arrow too long. Don’t need to show an error message.

                  1 Reply Last reply Reply Quote 0
                  • s.molinari
                    s.molinari last edited by

                    And what’s wrong with my codepen above?

                    Scott

                    1 Reply Last reply Reply Quote 0
                    • CWoodman
                      CWoodman last edited by

                      Scott, your codepen works fine, but on a form with many input boxes it means a lot of extra code. A built-in feature of the q-input would make life a lot easier. Not a huge issue -just nice to have and maybe food for thought in a future update.

                      1 Reply Last reply Reply Quote 0
                      • s.molinari
                        s.molinari last edited by s.molinari

                        @CWoodman - Ah…but you could simply wrap up QInput in your own component and in doing so, you’d have this code just once in that one component. That’s the beauty of a component system. 😁

                        https://medium.com/quasar-framework/component-building-with-quasar-fc101b6730ae

                        The article is a bit old, but the concepts still stand. Well, Vue 3 adds some new stuff to the game of composition, but that is also taught in a ton of other articles and videos. 😃

                        Scott

                        1 Reply Last reply Reply Quote 0
                        • CWoodman
                          CWoodman last edited by

                          Good point Scott. Thanks for reminding me of the component approach. I’ve use it a few times, but got lazy I guess.

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post