номер телефона рейки js

Question

Is можно сделать это в рельсы. Я читал о турболинках. и попытались адаптировать его для рельсов, но не смогли.

document.getElementById('phone').addEventListener('input', function (e) { 
 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 
 
    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : ''); 
 
});

<input type="text" id="phone" placeholder="(555) 555-5555"/>

этот код приходит от: Mask US phone number string with JavaScript

Answer 1

Вы можете включить яваскрипт код внутри приложения Rails, если вы собираетесь использовать это поле во всем приложении вы можете использовать это сценарий в application.js в приложение папку/активы/JavaScripts/application.js

document.getElementById('phone').addEventListener('input', function (e) { 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 
    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : ''); 

Включите это в application.js

Если у вас есть страницы конкретных JavaScripts вы можете создать отдельный JS файл и включите его в папку приложения/активы/JavaScripts