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.

file.html

<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>

File: convertViToEn.js

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(/!|@|%|\^|\*|\(|\)|\Javascript – Chuyển Tiếng Việt Có Dấu Sang Không Dấu|\=|\<|\>|\?|\/|,|\.|\:|\;|\'|\"|\&|\#|\[|\]|~|\$|_|`|-|{|}|\||\\/g, " ");

str = str.replace(/ Javascript – Chuyển Tiếng Việt Có Dấu Sang Không Dấu/g, ' ');

return str;

}

Mọi chi tiết quý khách vui lòng liên hệ:

THIẾT KẾ WEBSITE NINH BÌNH

Địa chỉ: P.Nam Thành, TP.Ninh Bình, Ninh Bình;

Điện thoại: 0966.25.66.26 (Zalo);

Website: http://nbpage.com;

Rất hân hạnh được tư vấn MIỄN PHÍ tới quý khách hàng!