在不使用jquery阻塞空间输入的情况下修剪输入?

时间:2015-11-09 09:30:02

标签: javascript jquery html input trim

如何在不阻止输入空格字母的情况下修剪输入值?

例如,如果我撰写或复制副本" hello world ",则应将其更正为"hello world"

我到目前为止的脚本会修剪粘贴的输入是正确的,但是如果我手动编写它会阻塞空格字母,以便输出为"helloworld"



$(function(){
    $('.trim').bind('input', function(){
        $(this).val(function(_, v){
            return v.trim();
        });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="trim" type="text">
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

尝试写一下blur事件,它将从当前文本的开头和结尾删除空格。:

$(function(){
    $('.trim').bind('blur', function(){
        $(this).val(function(_, v){
            return v.trim();
        });
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<input class="trim" type="text">

答案 1 :(得分:-1)

您可以使用jquery trim函数来修剪字符串的开头和结尾而不更改单词。

$ .trim(&#34; 示例字符串&#34;);