Javascript 如何在*编辑之前清理X-可编辑值*？

我使用X-Editable让用户可以在线编辑值。这非常有效，但我现在想用它来处理一些以“欧洲方式”本地化的货币价值（例如：

€12.000.000,00

）。当我单击编辑时，我希望输入仅包含

12000000

---

在X-editable输入中显示X-editable中的值之前，是否有办法清理该值？欢迎所有提示

似乎没有可用于您所需内容的回调函数。 所以你需要把它放在图书馆之外

下面是如何做到这一点

$(document).on("focus",".form-control.input-sm",function(){
  //remove all characters but numbers 
  var _val = $(this).val().match(/\d/g).join("");
  //set it.
  $(this).val(_val);
});

替换

.form控件的一部分。将sm

输入到您的案例中。 我刚刚用chrome开发工具在图书馆的演示网站的第一个名为“Simple text field”的演示上测试了这一点

因为x-editable表单将在显示之前生成。您需要将事件挂接到文档，并等待

x-editable

表单中的

input

字段获得焦点，即

x-editable

显示的时间，并将值编辑为您想要的任何值

---

是的，该方法在输入字段显示后起作用，但很难注意到值在显示后发生了变化。

似乎没有可用于您所需内容的回调函数。 所以你需要把它放在图书馆之外

下面是如何做到这一点

$(document).on("focus",".form-control.input-sm",function(){
  //remove all characters but numbers 
  var _val = $(this).val().match(/\d/g).join("");
  //set it.
  $(this).val(_val);
});

替换

.form控件的一部分。将sm

输入到您的案例中。 我刚刚用chrome开发工具在图书馆的演示网站的第一个名为“Simple text field”的演示上测试了这一点

因为x-editable表单将在显示之前生成。您需要将事件挂接到文档，并等待

x-editable

表单中的

input

字段获得焦点，即

x-editable

显示的时间，并将值编辑为您想要的任何值

是的，这种方法在输入字段显示后起作用，但很难注意到显示后值正在变化。

请参见plunker。从X-editable文档中可以明显看出，您可以使用配置的value属性设置要发送到编辑器的值的格式，如下所示

在HTML中显示货币价值的元素：

 <a href="#" id="money">12.000.000,00</a>

 <script type="text/javascript">
      $(document).ready(function() {
           $.fn.editable.defaults.mode = 'inline';
           $('#money').editable({
                type: 'text',
                pk: 1, //Whatever is pk of the data
                url: '/post', //Post URL
                title: 'Enter money', //The title you want to display when editing
                value:function(input) {
                     return $('#money').text().replace(/\./g, '').replace(/,00$/,'');
                }
           });
      });
 </script>

看看那辆破车。从X-editable文档中可以明显看出，您可以使用配置的value属性设置要发送到编辑器的值的格式，如下所示

在HTML中显示货币价值的元素：

 <a href="#" id="money">12.000.000,00</a>

 <script type="text/javascript">
      $(document).ready(function() {
           $.fn.editable.defaults.mode = 'inline';
           $('#money').editable({
                type: 'text',
                pk: 1, //Whatever is pk of the data
                url: '/post', //Post URL
                title: 'Enter money', //The title you want to display when editing
                value:function(input) {
                     return $('#money').text().replace(/\./g, '').replace(/,00$/,'');
                }
           });
      });
 </script>

你在找什么？你在找什么？