javascript - 无法在输入文本中添加空格

Question

您好，我有以下代码，有人知道如何修改它以便用户可以添加空格吗？

JSFiddle

我使用了他的代码并在这里进行了修改:

$('#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>

Answer 1

$('#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));
        });

按键函数中的正则表达式需要\s来支持空格字符。