ページ全体のすべての入力フィールドの前後にある空白を削除しますか？

Question

私は巨大なフォーム、多くの入力フィールドを持つページを持っています。時には私たちの顧客がこのフォームに情報をコピーしてコピーしていく過程で、いくつかの空白がフォームに貼り付けられます。

フォームフィールドに入力した値の前後にあるすべての空白を削除したいと考えています。

たとえば、' some thing 'は'some thing'になります。

好ましくは、フォームフィールドを離れるとき、つまりぼかしのときにこのストリップをトリガーしたいと思う。

jQueryまたはvanilla JSでこれを行うにはどうすればよいですか？

Answer 1

String#trim()を使用して、先頭と末尾のスペースを削除します。 input` `上の（）` `blur`イベント、`（） ``のval（）をトリム `と再設定に

Demo

$('form').on('blur', 'input[type="text"], textarea', function() { 
    // ES6 
    // $(this).val((i, value) => value.trim()); 

    // ES5 
    $(this).val(function(i, value) { 
     return value.trim(); 
    }); 
});