how to restrict user not to enter more than ten character name?












1















Could you please tell me how to restrict user not to enter ten character in name field? If user enter more than 10 character than he will not able to enter that. Please suggest a better way?



http://plnkr.co/edit/w1cidR23RYLAYE6dlvXd?p=preview
I have a name field in which user only enter ten digit name not more than that. If the user try to enter more it not allow.



<td ng-if="value.type == 'FIELD' && isEditableMode && value.editable && value.dataType!='DATE'">
<div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
<input type="text" name="{{key}}" class="form-control" ng-model="value.value">
</div>
</td>









share|improve this question





























    1















    Could you please tell me how to restrict user not to enter ten character in name field? If user enter more than 10 character than he will not able to enter that. Please suggest a better way?



    http://plnkr.co/edit/w1cidR23RYLAYE6dlvXd?p=preview
    I have a name field in which user only enter ten digit name not more than that. If the user try to enter more it not allow.



    <td ng-if="value.type == 'FIELD' && isEditableMode && value.editable && value.dataType!='DATE'">
    <div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
    <input type="text" name="{{key}}" class="form-control" ng-model="value.value">
    </div>
    </td>









    share|improve this question



























      1












      1








      1








      Could you please tell me how to restrict user not to enter ten character in name field? If user enter more than 10 character than he will not able to enter that. Please suggest a better way?



      http://plnkr.co/edit/w1cidR23RYLAYE6dlvXd?p=preview
      I have a name field in which user only enter ten digit name not more than that. If the user try to enter more it not allow.



      <td ng-if="value.type == 'FIELD' && isEditableMode && value.editable && value.dataType!='DATE'">
      <div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
      <input type="text" name="{{key}}" class="form-control" ng-model="value.value">
      </div>
      </td>









      share|improve this question
















      Could you please tell me how to restrict user not to enter ten character in name field? If user enter more than 10 character than he will not able to enter that. Please suggest a better way?



      http://plnkr.co/edit/w1cidR23RYLAYE6dlvXd?p=preview
      I have a name field in which user only enter ten digit name not more than that. If the user try to enter more it not allow.



      <td ng-if="value.type == 'FIELD' && isEditableMode && value.editable && value.dataType!='DATE'">
      <div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
      <input type="text" name="{{key}}" class="form-control" ng-model="value.value">
      </div>
      </td>






      javascript angularjs twitter-bootstrap angular-ui-bootstrap






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 12 '18 at 15:16









      Mamun

      25.6k71428




      25.6k71428










      asked Nov 12 '18 at 14:59









      user944513user944513

      3,2151258118




      3,2151258118
























          2 Answers
          2






          active

          oldest

          votes


















          2














          You can simply set the maxlength attribute.




          The maxlength attribute specifies the maximum number of characters allowed in the input element.




          Demo:






          <input maxlength="10" type="text"/>








          share|improve this answer

































            1














            There are 2 attributes that allow you to add a minimum and maximum to your input they are min and max



            so just add max ="10" into your input tag






            share|improve this answer
























            • Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

              – Suprabha
              Nov 12 '18 at 15:26











            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            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: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            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%2fstackoverflow.com%2fquestions%2f53264807%2fhow-to-restrict-user-not-to-enter-more-than-ten-character-name%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            You can simply set the maxlength attribute.




            The maxlength attribute specifies the maximum number of characters allowed in the input element.




            Demo:






            <input maxlength="10" type="text"/>








            share|improve this answer






























              2














              You can simply set the maxlength attribute.




              The maxlength attribute specifies the maximum number of characters allowed in the input element.




              Demo:






              <input maxlength="10" type="text"/>








              share|improve this answer




























                2












                2








                2







                You can simply set the maxlength attribute.




                The maxlength attribute specifies the maximum number of characters allowed in the input element.




                Demo:






                <input maxlength="10" type="text"/>








                share|improve this answer















                You can simply set the maxlength attribute.




                The maxlength attribute specifies the maximum number of characters allowed in the input element.




                Demo:






                <input maxlength="10" type="text"/>








                <input maxlength="10" type="text"/>





                <input maxlength="10" type="text"/>






                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 12 '18 at 15:09

























                answered Nov 12 '18 at 15:01









                MamunMamun

                25.6k71428




                25.6k71428

























                    1














                    There are 2 attributes that allow you to add a minimum and maximum to your input they are min and max



                    so just add max ="10" into your input tag






                    share|improve this answer
























                    • Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                      – Suprabha
                      Nov 12 '18 at 15:26
















                    1














                    There are 2 attributes that allow you to add a minimum and maximum to your input they are min and max



                    so just add max ="10" into your input tag






                    share|improve this answer
























                    • Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                      – Suprabha
                      Nov 12 '18 at 15:26














                    1












                    1








                    1







                    There are 2 attributes that allow you to add a minimum and maximum to your input they are min and max



                    so just add max ="10" into your input tag






                    share|improve this answer













                    There are 2 attributes that allow you to add a minimum and maximum to your input they are min and max



                    so just add max ="10" into your input tag







                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered Nov 12 '18 at 15:09









                    SuprabhaSuprabha

                    1466




                    1466













                    • Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                      – Suprabha
                      Nov 12 '18 at 15:26



















                    • Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                      – Suprabha
                      Nov 12 '18 at 15:26

















                    Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                    – Suprabha
                    Nov 12 '18 at 15:26





                    Another solution: set $scope.name=10 in controller, then add max="{{name}}" into your tag

                    – Suprabha
                    Nov 12 '18 at 15:26


















                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Stack Overflow!


                    • 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%2fstackoverflow.com%2fquestions%2f53264807%2fhow-to-restrict-user-not-to-enter-more-than-ten-character-name%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

                    Full-time equivalent

                    さくらももこ

                    13 indicted, 8 arrested in Calif. drug cartel investigation