【jQuery】 폼에서 포커스가 벗어나면 값을 성형한다

환경

Solve

// 名前空間
var myUtil = {

  /**
   * フォーカスが外れたら前後の空白を削除して全角空白を半角空白へ置換
   * @param selectors {String} 文字列形式のセレクタ
   */
  trimBlank: function(selectors) {
    $(selectors).focusout(function(e) {
      var oriStr = $(this).val().replace(/　/g, " ");
      $(this).val($.trim(oriStr));
    });
  },

  /**
   * フォーカスが外れたら小文字のアルファベットを大文字に変換
   * @param selectors {String} 文字列形式のセレクタ
   */
  convertUppercase: function(selectors) {
    $(selectors).focusout(function(e) {
      var oriStr = $(this).val();
      $(this).val(oriStr.toUpperCase());
    });
  },

}

window.myUtil = myUtil;

require('./custom/util')

<script>
  // 共通メソッド呼び出し
  $(function(){
    myUtil.trimBlank('#mail, #name');
    myUtil.convertUppercase('#name-en');
  });
</script>