Limit customer firstname and lastname in m2

Question

How can we limit the character of first name and last name of customer. For example I want only 30 characters are valid to enter in first & last name. As of now there is no limit on character we can add as many character we want.

Looking for advices Thanks

do you want to limit 30 character individually for first name and last name OR in combined name (first name + last name) ? — Shashank Kumrawat, Oct 12 '18 at 13:14
for individual , you can use maxlength property of text field of first name and last name like this link — Shashank Kumrawat, Oct 12 '18 at 13:16
no but how can we do this in magento 2. I am aware of maxlength="10" feature — Daniel_12, Oct 12 '18 at 13:17
you need to override template file vendor/magento/module-customer/view/frontend/templates/widget/name.phtml and need to put maxlength property there. — Shashank Kumrawat, Oct 12 '18 at 13:23
@Daniel_12 but for show first name and last name there is input field required,maxlenght is the attribute of input tag.so i think it works — Balwant Singh, Oct 12 '18 at 13:28

score 1 · Answer 1 · answered Oct 12 '18 at 13:21

1

Try This Code

<input type="text" name="first name" id="first_name"
       class="admin__control-text required-entry validate-alphanum-with-spaces validate-length maximum-length-30"
       maxlength="30" />

whatever you want set input field length,set in maxlength attribute

answered Oct 12 '18 at 13:21

Balwant Singh

1,270
2
12
28

Just tried this and it didn't stop the spam accounts. – Krista K Jan 18 '23 at 16:42

score 1 · Answer 2 · answered Oct 12 '18 at 13:45

You need to override core template file vendor/magento/module-customer/view/frontend/templates/widget/name.phtml in your theme folder using this link -

How to override .phtml files in Magento 2

and need to put maxlength property in input text field of first name and last name as suggested here.

https://www.w3schools.com/tags/att_input_maxlength.asp

hope this helps.

score 1 · Answer 3 · answered Mar 26 '22 at 03:02

Vendor/Module/view/frontend/layout/checkout_index_index.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="checkout.root">
            <arguments>
                <argument name="jsLayout" xsi:type="array">
                    <item name="components" xsi:type="array">
                        <item name="checkout" xsi:type="array">
                            <item name="children" xsi:type="array">
                                <item name="steps" xsi:type="array">
                                    <item name="children" xsi:type="array">
                                        <item name="shipping-step" xsi:type="array">
                                            <item name="children" xsi:type="array">
                                                <item name="shippingAddress" xsi:type="array">
                                                    <item name="children" xsi:type="array">
                                                        <item name="shipping-address-fieldset" xsi:type="array">
                                                            <item name="children" xsi:type="array">
                                                                <item name="firstname" xsi:type="array">
                                                                    <item name="validation" xsi:type="array">
                                                                        <item name="min_text_length" xsi:type="number">1</item>
                                                                        <item name="max_text_length" xsi:type="number">30</item>
                                                                        <item name="required-entry" xsi:type="boolean">true</item>
                                                                        <item name="max-words" xsi:type="number">4</item>
                                                                    </item>
                                                                </item>
                                                                <item name="lastname" xsi:type="array">
                                                                    <item name="validation" xsi:type="array">
                                                                        <item name="min_text_length" xsi:type="number">1</item>
                                                                        <item name="max_text_length" xsi:type="number">30</item>
                                                                        <item name="required-entry" xsi:type="boolean">true</item>
                                                                        <item name="max-words" xsi:type="number">4</item>
                                                                    </item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

Working on Magento 2.4.3 Tested and verified.Upvoted – Rajesh Elangovan Jan 12 '23 at 09:32 — Rajesh Elangovan, Jan 12 '23 at 09:32

score 0 · Answer 4 · answered Jan 01 '23 at 22:22

You should override vendor/magento/module-customer/view/frontend/templates/widget/name.phtml in your theme. Then you can add classes "validate-length maximum-length-30" to those inputs.
You should also override it in checkout. You need to find information how to modify validation of checkout fields before render them. You can do it e.g by plugin.

Limit customer firstname and lastname in m2

4 Answers4