Magento2 How to add custom validation for password?












4














I want to change default validation for all password field.



I want to change for all password field and validation is minimum 8 characters and at least one number include.



Can anyone help me with this?










share|improve this question






















  • If you want to allow only digit to password field then you want to go with custom JS validation.
    – Chirag Patel
    2 days ago










  • @ChiragPatel Do i need to override default JS for validation?
    – Ronak
    2 days ago










  • No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
    – Chirag Patel
    2 days ago












  • Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
    – Ronak
    2 days ago










  • Check my answer.
    – Chirag Patel
    2 days ago
















4














I want to change default validation for all password field.



I want to change for all password field and validation is minimum 8 characters and at least one number include.



Can anyone help me with this?










share|improve this question






















  • If you want to allow only digit to password field then you want to go with custom JS validation.
    – Chirag Patel
    2 days ago










  • @ChiragPatel Do i need to override default JS for validation?
    – Ronak
    2 days ago










  • No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
    – Chirag Patel
    2 days ago












  • Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
    – Ronak
    2 days ago










  • Check my answer.
    – Chirag Patel
    2 days ago














4












4








4


1





I want to change default validation for all password field.



I want to change for all password field and validation is minimum 8 characters and at least one number include.



Can anyone help me with this?










share|improve this question













I want to change default validation for all password field.



I want to change for all password field and validation is minimum 8 characters and at least one number include.



Can anyone help me with this?







magento2 form-validation password






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked 2 days ago









Ronak

1547




1547












  • If you want to allow only digit to password field then you want to go with custom JS validation.
    – Chirag Patel
    2 days ago










  • @ChiragPatel Do i need to override default JS for validation?
    – Ronak
    2 days ago










  • No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
    – Chirag Patel
    2 days ago












  • Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
    – Ronak
    2 days ago










  • Check my answer.
    – Chirag Patel
    2 days ago


















  • If you want to allow only digit to password field then you want to go with custom JS validation.
    – Chirag Patel
    2 days ago










  • @ChiragPatel Do i need to override default JS for validation?
    – Ronak
    2 days ago










  • No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
    – Chirag Patel
    2 days ago












  • Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
    – Ronak
    2 days ago










  • Check my answer.
    – Chirag Patel
    2 days ago
















If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
2 days ago




If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
2 days ago












@ChiragPatel Do i need to override default JS for validation?
– Ronak
2 days ago




@ChiragPatel Do i need to override default JS for validation?
– Ronak
2 days ago












No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
– Chirag Patel
2 days ago






No you don't need to override JS file you need to override phtml file and add custom script to phtml file. Check my answer.
– Chirag Patel
2 days ago














Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
2 days ago




Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
2 days ago












Check my answer.
– Chirag Patel
2 days ago




Check my answer.
– Chirag Patel
2 days ago










4 Answers
4






active

oldest

votes


















5














@chirag, Thanks for your suggestion and from your suggestion i have made changes in register.phtml file and now my requirement is working. Please check below my code.




app/design/frontend/Custom/theme/Magento_Customer/templates/form/register.phtml




I have added below script.



<script type="text/javascript">
require([
'jquery',
'jquery/ui',
'jquery/validate',
'mage/translate'
], function($){
$.validator.addMethod(
'validate-mycustom-password', function (value) {
return (value.length >= 8 && /^(?=.*?[0-9]).{8,}$/.test(value));
}, $.mage.__('Minimum 8 characters with at least one number'));
});
</script>





share|improve this answer





























    2














    If you want to validate customer login password then override phtml file in to your design folder like below.




    app/design/frontend/vendor/theme/Magento_Customer/templates/form/login.phtml




    Find the line data-validate="{required:true, 'validate-password':true}"



    And replace with data-validate="{required:true, 'validate-mycustom-password':true}"



    Add the following code at the end of the file.



    <script type="text/javascript">
    require([
    'jquery',
    'jquery/ui',
    'jquery/validate',
    'mage/translate'
    ], function($){
    $.validator.addMethod(
    'validate-mycustom-password', function (value) {
    return (value.length == 6 && /^-?d+$/.test(value));
    }, $.mage.__('Password length should be 6 and only numbers are allowed'));
    });
    </script>


    Don't forgot to run necessary command like static:content:deploy & cache:flush



    Note: I give a validation for Max limit & allow only number. you have to customize script as per your requirement.






    share|improve this answer































      1














      This is a configuration item.




      In Stores > Configuration > Customers > Customer Configuration >
      Password Options




      There is an option for Number of Required Character Classes:



      enter image description here






      share|improve this answer





















      • i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
        – Ronak
        2 days ago












      • Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
        – Aditya Shah
        2 days ago










      • and set Min length 8, it will match your requirements.
        – Aditya Shah
        2 days ago



















      0














      This is available in configuration item in the Admin Panel



      In Stores > Configuration > Customers > Customer Configuration > Password Options there are options like Minimum Password Length and Number of Required Character Classes






      share|improve this answer








      New contributor




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


















      • i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
        – Ronak
        2 days ago











      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
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f256011%2fmagento2-how-to-add-custom-validation-for-password%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      4 Answers
      4






      active

      oldest

      votes








      4 Answers
      4






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      5














      @chirag, Thanks for your suggestion and from your suggestion i have made changes in register.phtml file and now my requirement is working. Please check below my code.




      app/design/frontend/Custom/theme/Magento_Customer/templates/form/register.phtml




      I have added below script.



      <script type="text/javascript">
      require([
      'jquery',
      'jquery/ui',
      'jquery/validate',
      'mage/translate'
      ], function($){
      $.validator.addMethod(
      'validate-mycustom-password', function (value) {
      return (value.length >= 8 && /^(?=.*?[0-9]).{8,}$/.test(value));
      }, $.mage.__('Minimum 8 characters with at least one number'));
      });
      </script>





      share|improve this answer


























        5














        @chirag, Thanks for your suggestion and from your suggestion i have made changes in register.phtml file and now my requirement is working. Please check below my code.




        app/design/frontend/Custom/theme/Magento_Customer/templates/form/register.phtml




        I have added below script.



        <script type="text/javascript">
        require([
        'jquery',
        'jquery/ui',
        'jquery/validate',
        'mage/translate'
        ], function($){
        $.validator.addMethod(
        'validate-mycustom-password', function (value) {
        return (value.length >= 8 && /^(?=.*?[0-9]).{8,}$/.test(value));
        }, $.mage.__('Minimum 8 characters with at least one number'));
        });
        </script>





        share|improve this answer
























          5












          5








          5






          @chirag, Thanks for your suggestion and from your suggestion i have made changes in register.phtml file and now my requirement is working. Please check below my code.




          app/design/frontend/Custom/theme/Magento_Customer/templates/form/register.phtml




          I have added below script.



          <script type="text/javascript">
          require([
          'jquery',
          'jquery/ui',
          'jquery/validate',
          'mage/translate'
          ], function($){
          $.validator.addMethod(
          'validate-mycustom-password', function (value) {
          return (value.length >= 8 && /^(?=.*?[0-9]).{8,}$/.test(value));
          }, $.mage.__('Minimum 8 characters with at least one number'));
          });
          </script>





          share|improve this answer












          @chirag, Thanks for your suggestion and from your suggestion i have made changes in register.phtml file and now my requirement is working. Please check below my code.




          app/design/frontend/Custom/theme/Magento_Customer/templates/form/register.phtml




          I have added below script.



          <script type="text/javascript">
          require([
          'jquery',
          'jquery/ui',
          'jquery/validate',
          'mage/translate'
          ], function($){
          $.validator.addMethod(
          'validate-mycustom-password', function (value) {
          return (value.length >= 8 && /^(?=.*?[0-9]).{8,}$/.test(value));
          }, $.mage.__('Minimum 8 characters with at least one number'));
          });
          </script>






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered 2 days ago









          Ronak

          1547




          1547

























              2














              If you want to validate customer login password then override phtml file in to your design folder like below.




              app/design/frontend/vendor/theme/Magento_Customer/templates/form/login.phtml




              Find the line data-validate="{required:true, 'validate-password':true}"



              And replace with data-validate="{required:true, 'validate-mycustom-password':true}"



              Add the following code at the end of the file.



              <script type="text/javascript">
              require([
              'jquery',
              'jquery/ui',
              'jquery/validate',
              'mage/translate'
              ], function($){
              $.validator.addMethod(
              'validate-mycustom-password', function (value) {
              return (value.length == 6 && /^-?d+$/.test(value));
              }, $.mage.__('Password length should be 6 and only numbers are allowed'));
              });
              </script>


              Don't forgot to run necessary command like static:content:deploy & cache:flush



              Note: I give a validation for Max limit & allow only number. you have to customize script as per your requirement.






              share|improve this answer




























                2














                If you want to validate customer login password then override phtml file in to your design folder like below.




                app/design/frontend/vendor/theme/Magento_Customer/templates/form/login.phtml




                Find the line data-validate="{required:true, 'validate-password':true}"



                And replace with data-validate="{required:true, 'validate-mycustom-password':true}"



                Add the following code at the end of the file.



                <script type="text/javascript">
                require([
                'jquery',
                'jquery/ui',
                'jquery/validate',
                'mage/translate'
                ], function($){
                $.validator.addMethod(
                'validate-mycustom-password', function (value) {
                return (value.length == 6 && /^-?d+$/.test(value));
                }, $.mage.__('Password length should be 6 and only numbers are allowed'));
                });
                </script>


                Don't forgot to run necessary command like static:content:deploy & cache:flush



                Note: I give a validation for Max limit & allow only number. you have to customize script as per your requirement.






                share|improve this answer


























                  2












                  2








                  2






                  If you want to validate customer login password then override phtml file in to your design folder like below.




                  app/design/frontend/vendor/theme/Magento_Customer/templates/form/login.phtml




                  Find the line data-validate="{required:true, 'validate-password':true}"



                  And replace with data-validate="{required:true, 'validate-mycustom-password':true}"



                  Add the following code at the end of the file.



                  <script type="text/javascript">
                  require([
                  'jquery',
                  'jquery/ui',
                  'jquery/validate',
                  'mage/translate'
                  ], function($){
                  $.validator.addMethod(
                  'validate-mycustom-password', function (value) {
                  return (value.length == 6 && /^-?d+$/.test(value));
                  }, $.mage.__('Password length should be 6 and only numbers are allowed'));
                  });
                  </script>


                  Don't forgot to run necessary command like static:content:deploy & cache:flush



                  Note: I give a validation for Max limit & allow only number. you have to customize script as per your requirement.






                  share|improve this answer














                  If you want to validate customer login password then override phtml file in to your design folder like below.




                  app/design/frontend/vendor/theme/Magento_Customer/templates/form/login.phtml




                  Find the line data-validate="{required:true, 'validate-password':true}"



                  And replace with data-validate="{required:true, 'validate-mycustom-password':true}"



                  Add the following code at the end of the file.



                  <script type="text/javascript">
                  require([
                  'jquery',
                  'jquery/ui',
                  'jquery/validate',
                  'mage/translate'
                  ], function($){
                  $.validator.addMethod(
                  'validate-mycustom-password', function (value) {
                  return (value.length == 6 && /^-?d+$/.test(value));
                  }, $.mage.__('Password length should be 6 and only numbers are allowed'));
                  });
                  </script>


                  Don't forgot to run necessary command like static:content:deploy & cache:flush



                  Note: I give a validation for Max limit & allow only number. you have to customize script as per your requirement.







                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited 2 days ago









                  Ashish Viradiya

                  372216




                  372216










                  answered 2 days ago









                  Chirag Patel

                  1,953220




                  1,953220























                      1














                      This is a configuration item.




                      In Stores > Configuration > Customers > Customer Configuration >
                      Password Options




                      There is an option for Number of Required Character Classes:



                      enter image description here






                      share|improve this answer





















                      • i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                        – Ronak
                        2 days ago












                      • Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                        – Aditya Shah
                        2 days ago










                      • and set Min length 8, it will match your requirements.
                        – Aditya Shah
                        2 days ago
















                      1














                      This is a configuration item.




                      In Stores > Configuration > Customers > Customer Configuration >
                      Password Options




                      There is an option for Number of Required Character Classes:



                      enter image description here






                      share|improve this answer





















                      • i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                        – Ronak
                        2 days ago












                      • Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                        – Aditya Shah
                        2 days ago










                      • and set Min length 8, it will match your requirements.
                        – Aditya Shah
                        2 days ago














                      1












                      1








                      1






                      This is a configuration item.




                      In Stores > Configuration > Customers > Customer Configuration >
                      Password Options




                      There is an option for Number of Required Character Classes:



                      enter image description here






                      share|improve this answer












                      This is a configuration item.




                      In Stores > Configuration > Customers > Customer Configuration >
                      Password Options




                      There is an option for Number of Required Character Classes:



                      enter image description here







                      share|improve this answer












                      share|improve this answer



                      share|improve this answer










                      answered 2 days ago









                      Aditya Shah

                      3,3782834




                      3,3782834












                      • i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                        – Ronak
                        2 days ago












                      • Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                        – Aditya Shah
                        2 days ago










                      • and set Min length 8, it will match your requirements.
                        – Aditya Shah
                        2 days ago


















                      • i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                        – Ronak
                        2 days ago












                      • Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                        – Aditya Shah
                        2 days ago










                      • and set Min length 8, it will match your requirements.
                        – Aditya Shah
                        2 days ago
















                      i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                      – Ronak
                      2 days ago






                      i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
                      – Ronak
                      2 days ago














                      Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                      – Aditya Shah
                      2 days ago




                      Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
                      – Aditya Shah
                      2 days ago












                      and set Min length 8, it will match your requirements.
                      – Aditya Shah
                      2 days ago




                      and set Min length 8, it will match your requirements.
                      – Aditya Shah
                      2 days ago











                      0














                      This is available in configuration item in the Admin Panel



                      In Stores > Configuration > Customers > Customer Configuration > Password Options there are options like Minimum Password Length and Number of Required Character Classes






                      share|improve this answer








                      New contributor




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


















                      • i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                        – Ronak
                        2 days ago
















                      0














                      This is available in configuration item in the Admin Panel



                      In Stores > Configuration > Customers > Customer Configuration > Password Options there are options like Minimum Password Length and Number of Required Character Classes






                      share|improve this answer








                      New contributor




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


















                      • i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                        – Ronak
                        2 days ago














                      0












                      0








                      0






                      This is available in configuration item in the Admin Panel



                      In Stores > Configuration > Customers > Customer Configuration > Password Options there are options like Minimum Password Length and Number of Required Character Classes






                      share|improve this answer








                      New contributor




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









                      This is available in configuration item in the Admin Panel



                      In Stores > Configuration > Customers > Customer Configuration > Password Options there are options like Minimum Password Length and Number of Required Character Classes







                      share|improve this answer








                      New contributor




                      magefms 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 answer



                      share|improve this answer






                      New contributor




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









                      answered 2 days ago









                      magefms

                      606




                      606




                      New contributor




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





                      New contributor





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






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












                      • i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                        – Ronak
                        2 days ago


















                      • i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                        – Ronak
                        2 days ago
















                      i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                      – Ronak
                      2 days ago




                      i have checked what did you mentioned but minimum character is set to 8 but in Number of Required Character Classes how to set only Digits?
                      – Ronak
                      2 days ago


















                      draft saved

                      draft discarded




















































                      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.





                      Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                      Please pay close attention to the following guidance:


                      • 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%2f256011%2fmagento2-how-to-add-custom-validation-for-password%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

                      "Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

                      Alcedinidae

                      Origin of the phrase “under your belt”?