Unable to add spaces to input text

Question

Hi I have the following code, does anyone know how I can modify this so user can add spaces?

I used his code and modified it here:

$('#text').keyup(function(e, w) {
            $("#prev").html($(this).val());

            var txtwidth = $( "#text-preview" ).width();
            $( "#textWidth" ).text( "Approx. Width: " + txtwidth + " px." );
        }).keypress(function(e) {
            return /[a-z0-9.-]/i.test(String.fromCharCode(e.which));
        });

HTML:

                          <!--display user input-->
                          <span id="text-preview"><p id="prev" class="form_result"></p></span>
                      <!--display width-->
                      <p id="textWidth"></p>
                          <label class="sign-text">Enter your text
                            <input type="text" name="text" id="text" class="form-control enter-text-field validation-passed" value="Enter Your Text">
                          </label>

Stefan Kendall · Accepted Answer · 2015-08-16 15:21:03Z

3

$('#text').keyup(function(e, w) {
            $("#prev").html($(this).val());

            var txtwidth = $( "#text-preview" ).width();
            $( "#textWidth" ).text( "Approx. Width: " + txtwidth + " px." );
        }).keypress(function(e) {
            return /[a-z0-9.-\s]/i.test(String.fromCharCode(e.which));
        });

The regex in the keypress function needs \s to support space characters.

answered Aug 16, 2015 at 15:21

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

faerin Over a year ago

@CodePitbull, don't forget to mark it as the correct answer if this solved your issue. That may help others with a similar problem in future.

CodePitbull Over a year ago

Will do, but gotta wait 10 minutes more

Collectives™ on Stack Overflow

Unable to add spaces to input text

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related