電話號碼欄js

Question

可以在rails中執行此操作。 我已經閱讀了有關turbolinks的文章。 並嘗試將其適應鐵軌，但未能成功。

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

這段代碼來自： 用JavaScript屏蔽美國電話號碼字符串

Answer 1

您可以將JavaScript代碼包含在Rails應用程序內，如果要在整個應用程序中使用此字段，則可以在app / assets / javascripts / application.js文件夾中的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中

如果您具有特定於頁面的JavaScript，則可以創建一個單獨的js文件，並將其包含在文件夾app / assets / javascripts中