Angular Form Input block (space) REGEX












1















I have an input field in my Angular component in which i want to not allow a user to be able to type a (space).



I've tried using 



<input type="text" [(ngModel)]="inputText" pattern="[a-zA-Z]">


which wasn't what i wanted, and it didn't work anyways!



Does anybody know what the correct regex pattern to just block the (space) key is? And what is the correct way to use the pattern, as the above pattern didn't work...



Thanks in advance.






regex angular







share|improve this question























  • Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

    – ssc-hrep3
    Nov 17 '18 at 19:45













  • Did any of these answers fix the issue for you?

    – SiddAjmera
    Nov 18 '18 at 17:16
















1















I have an input field in my Angular component in which i want to not allow a user to be able to type a (space).



I've tried using 



<input type="text" [(ngModel)]="inputText" pattern="[a-zA-Z]">


which wasn't what i wanted, and it didn't work anyways!



Does anybody know what the correct regex pattern to just block the (space) key is? And what is the correct way to use the pattern, as the above pattern didn't work...



Thanks in advance.






regex angular







share|improve this question























  • Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

    – ssc-hrep3
    Nov 17 '18 at 19:45













  • Did any of these answers fix the issue for you?

    – SiddAjmera
    Nov 18 '18 at 17:16














1












1








1








I have an input field in my Angular component in which i want to not allow a user to be able to type a (space).



I've tried using 



<input type="text" [(ngModel)]="inputText" pattern="[a-zA-Z]">


which wasn't what i wanted, and it didn't work anyways!



Does anybody know what the correct regex pattern to just block the (space) key is? And what is the correct way to use the pattern, as the above pattern didn't work...



Thanks in advance.






regex angular







share|improve this question














I have an input field in my Angular component in which i want to not allow a user to be able to type a (space).



I've tried using 



<input type="text" [(ngModel)]="inputText" pattern="[a-zA-Z]">


which wasn't what i wanted, and it didn't work anyways!



Does anybody know what the correct regex pattern to just block the (space) key is? And what is the correct way to use the pattern, as the above pattern didn't work...



Thanks in advance.






regex angular




regex angular






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 17 '18 at 19:42









Tom O'BrienTom O'Brien

50021646




50021646













  • Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

    – ssc-hrep3
    Nov 17 '18 at 19:45













  • Did any of these answers fix the issue for you?

    – SiddAjmera
    Nov 18 '18 at 17:16



















  • Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

    – ssc-hrep3
    Nov 17 '18 at 19:45













  • Did any of these answers fix the issue for you?

    – SiddAjmera
    Nov 18 '18 at 17:16

















Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

– ssc-hrep3
Nov 17 '18 at 19:45







Use a negative set: [^ ] or if you want to disallow every whitespace character: [^s]

– ssc-hrep3
Nov 17 '18 at 19:45















Did any of these answers fix the issue for you?

– SiddAjmera
Nov 18 '18 at 17:16





Did any of these answers fix the issue for you?

– SiddAjmera
Nov 18 '18 at 17:16












3 Answers
3






active

oldest

votes


















1














Using RegEx will still allow the user to type in space. But it will mark the field as invald if a pattern validator is applied to it.



If you don't really want to allow the user to type in space in the first place, you'll have to prevent it by listening to the keydown event on the input and then handling it to prevent its default behaviour. Here, give this a try:






<input type="text" (keydown.space)="$event.preventDefault()">





Here's also a Sample StackBlitz for your ref.






share|improve this answer































    0














    You can use the following pattern:



    <input pattern="[^s]*">




    • [^s] is a negative set which matches every character which is not in the set.


    • s matches a white space character (e.g. space, tab, etc.)


    • * matches 0 or more character of the preceding item



    Here is an example of how the browser checks if the pattern is correct (i.e. Google Chrome for example does not allow you to submit the form if there is a whitespace character in it. Test it here (enter a string containing a white space and hit Submit):






    <form>
    
  <input pattern="[^s]*">
    
  <button type="submit">Submit</button>
    
</form>








    share|improve this answer

































      0














      The best way of addressing this problem is by writing the directive which you can use on multiple locations.



      Here is the Stackblitz sample for the same






      share|improve this answer

























        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%2f53354888%2fangular-form-input-block-space-regex%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









        1














        Using RegEx will still allow the user to type in space. But it will mark the field as invald if a pattern validator is applied to it.



        If you don't really want to allow the user to type in space in the first place, you'll have to prevent it by listening to the keydown event on the input and then handling it to prevent its default behaviour. Here, give this a try:






        <input type="text" (keydown.space)="$event.preventDefault()">





        Here's also a Sample StackBlitz for your ref.






        share|improve this answer




























          1














          Using RegEx will still allow the user to type in space. But it will mark the field as invald if a pattern validator is applied to it.



          If you don't really want to allow the user to type in space in the first place, you'll have to prevent it by listening to the keydown event on the input and then handling it to prevent its default behaviour. Here, give this a try:






          <input type="text" (keydown.space)="$event.preventDefault()">





          Here's also a Sample StackBlitz for your ref.






          share|improve this answer


























            1












            1








            1







            Using RegEx will still allow the user to type in space. But it will mark the field as invald if a pattern validator is applied to it.



            If you don't really want to allow the user to type in space in the first place, you'll have to prevent it by listening to the keydown event on the input and then handling it to prevent its default behaviour. Here, give this a try:






            <input type="text" (keydown.space)="$event.preventDefault()">





            Here's also a Sample StackBlitz for your ref.






            share|improve this answer













            Using RegEx will still allow the user to type in space. But it will mark the field as invald if a pattern validator is applied to it.



            If you don't really want to allow the user to type in space in the first place, you'll have to prevent it by listening to the keydown event on the input and then handling it to prevent its default behaviour. Here, give this a try:






            <input type="text" (keydown.space)="$event.preventDefault()">





            Here's also a Sample StackBlitz for your ref.






            <input type="text" (keydown.space)="$event.preventDefault()">





            <input type="text" (keydown.space)="$event.preventDefault()">






            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Nov 17 '18 at 20:41









            SiddAjmeraSiddAjmera

            13.5k31137




            13.5k31137

























                0














                You can use the following pattern:



                <input pattern="[^s]*">




                • [^s] is a negative set which matches every character which is not in the set.


                • s matches a white space character (e.g. space, tab, etc.)


                • * matches 0 or more character of the preceding item



                Here is an example of how the browser checks if the pattern is correct (i.e. Google Chrome for example does not allow you to submit the form if there is a whitespace character in it. Test it here (enter a string containing a white space and hit Submit):






                <form>
                
  <input pattern="[^s]*">
                
  <button type="submit">Submit</button>
                
</form>








                share|improve this answer






























                  0














                  You can use the following pattern:



                  <input pattern="[^s]*">




                  • [^s] is a negative set which matches every character which is not in the set.


                  • s matches a white space character (e.g. space, tab, etc.)


                  • * matches 0 or more character of the preceding item



                  Here is an example of how the browser checks if the pattern is correct (i.e. Google Chrome for example does not allow you to submit the form if there is a whitespace character in it. Test it here (enter a string containing a white space and hit Submit):






                  <form>
                  
  <input pattern="[^s]*">
                  
  <button type="submit">Submit</button>
                  
</form>








                  share|improve this answer




























                    0












                    0








                    0







                    You can use the following pattern:



                    <input pattern="[^s]*">




                    • [^s] is a negative set which matches every character which is not in the set.


                    • s matches a white space character (e.g. space, tab, etc.)


                    • * matches 0 or more character of the preceding item



                    Here is an example of how the browser checks if the pattern is correct (i.e. Google Chrome for example does not allow you to submit the form if there is a whitespace character in it. Test it here (enter a string containing a white space and hit Submit):






                    <form>
                    
  <input pattern="[^s]*">
                    
  <button type="submit">Submit</button>
                    
</form>








                    share|improve this answer















                    You can use the following pattern:



                    <input pattern="[^s]*">




                    • [^s] is a negative set which matches every character which is not in the set.


                    • s matches a white space character (e.g. space, tab, etc.)


                    • * matches 0 or more character of the preceding item



                    Here is an example of how the browser checks if the pattern is correct (i.e. Google Chrome for example does not allow you to submit the form if there is a whitespace character in it. Test it here (enter a string containing a white space and hit Submit):






                    <form>
                    
  <input pattern="[^s]*">
                    
  <button type="submit">Submit</button>
                    
</form>








                    <form>
                    
  <input pattern="[^s]*">
                    
  <button type="submit">Submit</button>
                    
</form>





                    <form>
                    
  <input pattern="[^s]*">
                    
  <button type="submit">Submit</button>
                    
</form>






                    share|improve this answer














                    share|improve this answer



                    share|improve this answer








                    edited Nov 17 '18 at 19:53

























                    answered Nov 17 '18 at 19:47









                    ssc-hrep3ssc-hrep3

                    5,18131554




                    5,18131554























                        0














                        The best way of addressing this problem is by writing the directive which you can use on multiple locations.



                        Here is the Stackblitz sample for the same






                        share|improve this answer






























                          0














                          The best way of addressing this problem is by writing the directive which you can use on multiple locations.



                          Here is the Stackblitz sample for the same






                          share|improve this answer




























                            0












                            0








                            0







                            The best way of addressing this problem is by writing the directive which you can use on multiple locations.



                            Here is the Stackblitz sample for the same






                            share|improve this answer















                            The best way of addressing this problem is by writing the directive which you can use on multiple locations.



                            Here is the Stackblitz sample for the same







                            share|improve this answer














                            share|improve this answer



                            share|improve this answer








                            edited Nov 17 '18 at 20:42

























                            answered Nov 17 '18 at 20:27









                            Kedar9444Kedar9444

                            38328




                            38328






























                                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%2f53354888%2fangular-form-input-block-space-regex%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

                                Guess what letter conforming each word

                                Image
                                6 $begingroup$ This is an entry in the Fortnightly Topic Challenge #41: Short and Sweet. 1 letter only could be mean anything . With an additional letter in front , could be used as medicine component and something you definitely learn or at least heard once. Add another letter in front , you would possibly hear that many times . Add an additional letter in front , you would found an independent country . With an additional letter, in the end , you would found something related to apple . Add another letter in the end , you would found something bad . Hint: Each letter is unique . word knowledge letters chemistry share | improve this question ...
                                Read more

                                Port of Spain

                                Image
                                For ports in the country of Spain, see List of ports in Spain. City in City of Port of Spain, Trinidad and Tobago Port of Spain City City of Port of Spain Top to bottom (left to right): Skyline of Port of Spain from Gulf of Paria; National Academy for the Performing Arts, Independence Square, Eric Williams Plaza; MovieTowne, Port of Port of Spain Motto(s):  "We Gather Strength As We Go Along" Port of Spain Coordinates: 10°40′N 61°31′W  /  10.667°N 61.517°W  / 10.667; -61.517 Coordinates: 10°40′N 61°31′W  /  10.667°N 61.517°W  / 10.667; -61.517 Country   Trinidad and Tobago Jurisdiction City of Port of Spain Settled 1560 Incorporated (town) 1853 Incorporated (city) 1914 Government  • Mayor Joel Martinez  • Governing body City Corporation Area [1]  • City 12 km 2 (5 sq mi) Elevation [2] 66 m (217 ft) Population (2011) [1]  • City 37,074  • Rank 3rd  • Density 3,090/km 2 (8,000/sq mi)...
                                Read more

                                Run scheduled task as local user group (not BUILTIN)

                                Image
                                0 I am trying to run a scheduled task with User Group (not a single user). This is working fine when I in the field "when running a task, use the following user account:" insert BUILTIN User Group (for example: Administrators or Users). But when I try it with the created Local User Group (example: TestGroup) it is not working. The Users in the TestGroup are the same as in the Administrators group. What could be the problem? Are there some restrictions to the Created User Group compared to BUILTINUsers? scheduled-tasks taskscheduler windowstaskschedule share | improve this question asked Nov 15 '18 at 15:36 Far...
                                Read more