Magento2 How to add custom validation for password?
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
|
show 1 more comment
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
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
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
Dec 28 '18 at 6:57
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59
|
show 1 more comment
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
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
magento2 form-validation password
asked Dec 28 '18 at 6:10
RonakRonak
33210
33210
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
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
Dec 28 '18 at 6:57
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59
|
show 1 more comment
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
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
Dec 28 '18 at 6:57
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
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
Dec 28 '18 at 6:57
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
Dec 28 '18 at 6:57
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59
|
show 1 more comment
4 Answers
4
active
oldest
votes
@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>
add a comment |
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.
add a comment |
This is a configuration item.
In Stores > Configuration > Customers > Customer Configuration >
Password Options
There is an option for Number of Required Character Classes:
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
add a comment |
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
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
Dec 28 '18 at 6:29
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
@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>
add a comment |
@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>
add a comment |
@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>
@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>
answered Dec 28 '18 at 10:09
RonakRonak
33210
33210
add a comment |
add a comment |
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.
add a comment |
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.
add a comment |
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.
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.
edited Dec 28 '18 at 10:20
Ashish Viradiya
1,0221827
1,0221827
answered Dec 28 '18 at 6:58
Chirag PatelChirag Patel
2,283423
2,283423
add a comment |
add a comment |
This is a configuration item.
In Stores > Configuration > Customers > Customer Configuration >
Password Options
There is an option for Number of Required Character Classes:
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
add a comment |
This is a configuration item.
In Stores > Configuration > Customers > Customer Configuration >
Password Options
There is an option for Number of Required Character Classes:
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
add a comment |
This is a configuration item.
In Stores > Configuration > Customers > Customer Configuration >
Password Options
There is an option for Number of Required Character Classes:
This is a configuration item.
In Stores > Configuration > Customers > Customer Configuration >
Password Options
There is an option for Number of Required Character Classes:
answered Dec 28 '18 at 6:35
AadityaAaditya
4,04621037
4,04621037
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
add a comment |
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
i got this option but i want to display validation like below. "minimum 8 characters with at least one number"
– Ronak
Dec 28 '18 at 6:47
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
Go to adminpanel - stores - configuration - customers - customers configuration - Number of Required Character Classes and set 3.
– Aaditya
Dec 28 '18 at 6:57
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
and set Min length 8, it will match your requirements.
– Aaditya
Dec 28 '18 at 6:58
add a comment |
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
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
Dec 28 '18 at 6:29
add a comment |
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
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
Dec 28 '18 at 6:29
add a comment |
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
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
answered Dec 28 '18 at 6:15
magefmsmagefms
1,673425
1,673425
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
Dec 28 '18 at 6:29
add a comment |
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
Dec 28 '18 at 6:29
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
Dec 28 '18 at 6:29
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
Dec 28 '18 at 6:29
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
If you want to allow only digit to password field then you want to go with custom JS validation.
– Chirag Patel
Dec 28 '18 at 6:51
@ChiragPatel Do i need to override default JS for validation?
– Ronak
Dec 28 '18 at 6:54
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
Dec 28 '18 at 6:57
Can you please let me know which phtml file do i need to override? And what exactly comes in custom script?
– Ronak
Dec 28 '18 at 6:58
Check my answer.
– Chirag Patel
Dec 28 '18 at 6:59