How to make a Field only accept Numbers in Magento 2





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}







1















I am new to Magento 2.



I am trying to make a field that can only accept numbers for Sort Order field on UI Component Form



I need help










share|improve this question









New contributor




Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.



























    1















    I am new to Magento 2.



    I am trying to make a field that can only accept numbers for Sort Order field on UI Component Form



    I need help










    share|improve this question









    New contributor




    Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.























      1












      1








      1








      I am new to Magento 2.



      I am trying to make a field that can only accept numbers for Sort Order field on UI Component Form



      I need help










      share|improve this question









      New contributor




      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      I am new to Magento 2.



      I am trying to make a field that can only accept numbers for Sort Order field on UI Component Form



      I need help







      magento2 php uicomponent field






      share|improve this question









      New contributor




      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited Apr 19 at 10:47









      ARUNPRABAKARAN M

      544114




      544114






      New contributor




      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked Apr 19 at 10:43









      Waqar AliWaqar Ali

      236




      236




      New contributor




      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Waqar Ali is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






















          3 Answers
          3






          active

          oldest

          votes


















          2














          you just need to add



          <item name="validate-number" xsi:type="boolean">true</item>


          in your specific field in ui_component






          share|improve this answer
























          • Thank you if i need max_lenght and min_length.. how can i achive this

            – Waqar Ali
            Apr 19 at 10:54











          • max_length of what?

            – Asad Khan
            Apr 19 at 10:54











          • first try this code it will only accept the numbers

            – Asad Khan
            Apr 19 at 10:55











          • i have done that and its working perfectly.. thank you

            – Waqar Ali
            Apr 19 at 10:55











          • i want to limit user to user numebrs between 10 and -10

            – Waqar Ali
            Apr 19 at 10:56



















          0














          Just want to add this one, if you want to validate user input if it is within the range of -10 to 10.



          <item name="validation" xsi:type="array">
          <item name="validate-digits" xsi:type="boolean">true</item>
          <item name="validate-digits-range" xsi:type="string">-10-10</item>
          </item>


          Note: use validate digits instead of validate number when you are validating integers otherwise use number when you are validating number input with decimals.






          share|improve this answer































            0














            Hope it's helps



            <item name="field" xsi:type="array">
            <item name="validation" xsi:type="array">
            <!-- Classes for data validation: -->
            <item name="min_text_length" xsi:type="number">1</item>
            <item name="max_text_length" xsi:type="number">50</item>
            </item>
            </item>





            share|improve this answer


























              Your Answer








              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "479"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              autoActivateHeartbeat: false,
              convertImagesToLinks: false,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: null,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });






              Waqar Ali is a new contributor. Be nice, and check out our Code of Conduct.










              draft saved

              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f270780%2fhow-to-make-a-field-only-accept-numbers-in-magento-2%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              3 Answers
              3






              active

              oldest

              votes








              3 Answers
              3






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              2














              you just need to add



              <item name="validate-number" xsi:type="boolean">true</item>


              in your specific field in ui_component






              share|improve this answer
























              • Thank you if i need max_lenght and min_length.. how can i achive this

                – Waqar Ali
                Apr 19 at 10:54











              • max_length of what?

                – Asad Khan
                Apr 19 at 10:54











              • first try this code it will only accept the numbers

                – Asad Khan
                Apr 19 at 10:55











              • i have done that and its working perfectly.. thank you

                – Waqar Ali
                Apr 19 at 10:55











              • i want to limit user to user numebrs between 10 and -10

                – Waqar Ali
                Apr 19 at 10:56
















              2














              you just need to add



              <item name="validate-number" xsi:type="boolean">true</item>


              in your specific field in ui_component






              share|improve this answer
























              • Thank you if i need max_lenght and min_length.. how can i achive this

                – Waqar Ali
                Apr 19 at 10:54











              • max_length of what?

                – Asad Khan
                Apr 19 at 10:54











              • first try this code it will only accept the numbers

                – Asad Khan
                Apr 19 at 10:55











              • i have done that and its working perfectly.. thank you

                – Waqar Ali
                Apr 19 at 10:55











              • i want to limit user to user numebrs between 10 and -10

                – Waqar Ali
                Apr 19 at 10:56














              2












              2








              2







              you just need to add



              <item name="validate-number" xsi:type="boolean">true</item>


              in your specific field in ui_component






              share|improve this answer













              you just need to add



              <item name="validate-number" xsi:type="boolean">true</item>


              in your specific field in ui_component







              share|improve this answer












              share|improve this answer



              share|improve this answer










              answered Apr 19 at 10:53









              Asad KhanAsad Khan

              38310




              38310













              • Thank you if i need max_lenght and min_length.. how can i achive this

                – Waqar Ali
                Apr 19 at 10:54











              • max_length of what?

                – Asad Khan
                Apr 19 at 10:54











              • first try this code it will only accept the numbers

                – Asad Khan
                Apr 19 at 10:55











              • i have done that and its working perfectly.. thank you

                – Waqar Ali
                Apr 19 at 10:55











              • i want to limit user to user numebrs between 10 and -10

                – Waqar Ali
                Apr 19 at 10:56



















              • Thank you if i need max_lenght and min_length.. how can i achive this

                – Waqar Ali
                Apr 19 at 10:54











              • max_length of what?

                – Asad Khan
                Apr 19 at 10:54











              • first try this code it will only accept the numbers

                – Asad Khan
                Apr 19 at 10:55











              • i have done that and its working perfectly.. thank you

                – Waqar Ali
                Apr 19 at 10:55











              • i want to limit user to user numebrs between 10 and -10

                – Waqar Ali
                Apr 19 at 10:56

















              Thank you if i need max_lenght and min_length.. how can i achive this

              – Waqar Ali
              Apr 19 at 10:54





              Thank you if i need max_lenght and min_length.. how can i achive this

              – Waqar Ali
              Apr 19 at 10:54













              max_length of what?

              – Asad Khan
              Apr 19 at 10:54





              max_length of what?

              – Asad Khan
              Apr 19 at 10:54













              first try this code it will only accept the numbers

              – Asad Khan
              Apr 19 at 10:55





              first try this code it will only accept the numbers

              – Asad Khan
              Apr 19 at 10:55













              i have done that and its working perfectly.. thank you

              – Waqar Ali
              Apr 19 at 10:55





              i have done that and its working perfectly.. thank you

              – Waqar Ali
              Apr 19 at 10:55













              i want to limit user to user numebrs between 10 and -10

              – Waqar Ali
              Apr 19 at 10:56





              i want to limit user to user numebrs between 10 and -10

              – Waqar Ali
              Apr 19 at 10:56













              0














              Just want to add this one, if you want to validate user input if it is within the range of -10 to 10.



              <item name="validation" xsi:type="array">
              <item name="validate-digits" xsi:type="boolean">true</item>
              <item name="validate-digits-range" xsi:type="string">-10-10</item>
              </item>


              Note: use validate digits instead of validate number when you are validating integers otherwise use number when you are validating number input with decimals.






              share|improve this answer




























                0














                Just want to add this one, if you want to validate user input if it is within the range of -10 to 10.



                <item name="validation" xsi:type="array">
                <item name="validate-digits" xsi:type="boolean">true</item>
                <item name="validate-digits-range" xsi:type="string">-10-10</item>
                </item>


                Note: use validate digits instead of validate number when you are validating integers otherwise use number when you are validating number input with decimals.






                share|improve this answer


























                  0












                  0








                  0







                  Just want to add this one, if you want to validate user input if it is within the range of -10 to 10.



                  <item name="validation" xsi:type="array">
                  <item name="validate-digits" xsi:type="boolean">true</item>
                  <item name="validate-digits-range" xsi:type="string">-10-10</item>
                  </item>


                  Note: use validate digits instead of validate number when you are validating integers otherwise use number when you are validating number input with decimals.






                  share|improve this answer













                  Just want to add this one, if you want to validate user input if it is within the range of -10 to 10.



                  <item name="validation" xsi:type="array">
                  <item name="validate-digits" xsi:type="boolean">true</item>
                  <item name="validate-digits-range" xsi:type="string">-10-10</item>
                  </item>


                  Note: use validate digits instead of validate number when you are validating integers otherwise use number when you are validating number input with decimals.







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Apr 19 at 11:33









                  magefmsmagefms

                  2,8302529




                  2,8302529























                      0














                      Hope it's helps



                      <item name="field" xsi:type="array">
                      <item name="validation" xsi:type="array">
                      <!-- Classes for data validation: -->
                      <item name="min_text_length" xsi:type="number">1</item>
                      <item name="max_text_length" xsi:type="number">50</item>
                      </item>
                      </item>





                      share|improve this answer






























                        0














                        Hope it's helps



                        <item name="field" xsi:type="array">
                        <item name="validation" xsi:type="array">
                        <!-- Classes for data validation: -->
                        <item name="min_text_length" xsi:type="number">1</item>
                        <item name="max_text_length" xsi:type="number">50</item>
                        </item>
                        </item>





                        share|improve this answer




























                          0












                          0








                          0







                          Hope it's helps



                          <item name="field" xsi:type="array">
                          <item name="validation" xsi:type="array">
                          <!-- Classes for data validation: -->
                          <item name="min_text_length" xsi:type="number">1</item>
                          <item name="max_text_length" xsi:type="number">50</item>
                          </item>
                          </item>





                          share|improve this answer















                          Hope it's helps



                          <item name="field" xsi:type="array">
                          <item name="validation" xsi:type="array">
                          <!-- Classes for data validation: -->
                          <item name="min_text_length" xsi:type="number">1</item>
                          <item name="max_text_length" xsi:type="number">50</item>
                          </item>
                          </item>






                          share|improve this answer














                          share|improve this answer



                          share|improve this answer








                          edited Apr 19 at 12:01

























                          answered Apr 19 at 11:13









                          ARUNPRABAKARAN MARUNPRABAKARAN M

                          544114




                          544114






















                              Waqar Ali is a new contributor. Be nice, and check out our Code of Conduct.










                              draft saved

                              draft discarded


















                              Waqar Ali is a new contributor. Be nice, and check out our Code of Conduct.













                              Waqar Ali is a new contributor. Be nice, and check out our Code of Conduct.












                              Waqar Ali is a new contributor. Be nice, and check out our Code of Conduct.
















                              Thanks for contributing an answer to Magento Stack Exchange!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid



                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.


                              To learn more, see our tips on writing great answers.




                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f270780%2fhow-to-make-a-field-only-accept-numbers-in-magento-2%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Plaza Victoria

                              Puebla de Zaragoza

                              Musa