javascript - 如何删除输入字段中的空白空间并重新分配 trim 值

Question

我正在进行电子邮件验证；在电子邮件字段中，用户可以放置空白。

所以我决定$trim 输入值并重新分配给输入字段。

它正常工作没有任何问题，但是当我使用空格键几次并将焦点从输入中移开并返回时，输入字段中输入的空格。

事件虽然我正在 trim 每个 input - 我不知道为什么 input 字段有空间。

请问有什么正确的做法吗？

这是我的尝试:

$('#email').on('input change',function(){
    this.value = $.trim(this.value); //re-assigning trimmed value, but not works when enterning space and focus out. when focus in the space being in the input
    validateEmail.init(this.value);
    if(validateEmail.done()){
        console.log('this is correct');
    }
});

//enter some space and focus out, then come back to input field you can see white spaces in the field

Live Demo

Answer 1

嘿，我看了你的例子..

我已经更改了其中的绑定(bind)并且它按预期工作...

$('#email').on('keyup  change',function(){

     var text = $.trim($(this).val() )
     this.value="";      
     this.value=text;

    validateEmail.init(this.value);
    if(validateEmail.done()){
        console.log('this is correct');
    }
});

工作示例:- http://jsfiddle.net/SG6YN/10/

现在，如果用户尝试粘贴带有空格的文本，那么它将删除这些空格..

谢谢