Javascript – Chuyển Tiếng Việt Có Dấu Sang Không Dấu

Chuyển tiếng việt có dấu sang không dấu hay là convert vi to en thường chúng ta dùng để tạo đường dẫn ( slug permalink. ) tự động.

Các bạn thêm đoạn code html sau vào và thêm cả file javascript dưới nữa là chạy ngon lành. Code cũng không phức tạp gì cả thực ra chỉ là tìm và thay thế dùng hàm có sẵn của javascript thôi.

<div class="row">
  <div class="col-md-6">
    <div class="form-group">
      <label>Tiêu đề</label>
      <input type="text" class="form-control" name="TieuDe" autocomplete="off" data-fv-field="TieuDe">
    </div>  
  </div>

  <div class="col-md-6">
    <div class="form-group">
      <label>Link</label>
      <input type="text" class="form-control" name="TieuDe_Link" autocomplete="off" data-fv-field="TieuDe_Link">
    </div>
  </div>
</div>

<!-- Convert Vi To En -->
<script>
  $(document).on('keyup', '[name=TieuDe]', function () {
      var obj = $(this);
      $('[name=TieuDe_Link]').val(convert_vi_to_en(obj.val()).toLowerCase().replace(/ /g, "-"));
  });
</script>
<script src="convertViToEn.js"></script>

function convert_vi_to_en(str) {
    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a");
    str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e");
    str = str.replace(/ì|í|ị|ỉ|ĩ/g, "i");
    str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o");
    str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u");
    str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y");
    str = str.replace(/đ/g, "d");
    str = str.replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, "A");
    str = str.replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, "E");
    str = str.replace(/Ì|Í|Ị|Ỉ|Ĩ/g, "I");
    str = str.replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, "O");
    str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, "U");
    str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, "Y");
    str = str.replace(/Đ/g, "D");
    str = str.replace(/!|@|%|\^|\*|\(|\)|\+|\=|\<|\>|\?|\/|,|\.|\:|\;|\'|\"|\&|\#|\[|\]|~|\$|_|`|-|{|}|\||\\/g, " ");
    str = str.replace(/  +/g, ' ');
    return str;
}

Cảm ơn các bạn đã ghé thăm, chúc các bạn thành công!