如何删除文本输入字段的字符间距

时间:2017-03-11 19:25:47

标签: javascript jquery html

我创建了一个输入,让用户可以创建用户名。

我想确保输入字段中的字符之间没有空格,如

username1

而不是:

username 1

3 个答案:

答案 0 :(得分:4)

使用split()join() -



$(function() {
  $("input").on("keyup", function() {
    $(this).val($(this).val().split(" ").join(""));
  });
});

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

答案 1 :(得分:1)

使用string的替换函数:

'username 1'.replace(' ', ''); //username1

答案 2 :(得分:1)

&#13;
&#13;
function removeSpaces(string) {
     return string.split(' ').join('');
    }
&#13;
<form>
<input type="text" onblur="this.value=removeSpaces(this.value);">
<input type="button" value="Click">
</form>
&#13;
&#13;
&#13;

其中string是输入文本的值。