javascript - 如何选择并运行这个onload函数?

标签 javascript jquery magento str-replace onload

所以我在我的脚本中有这个工作代码块,用于将小数分隔符从逗号“,”替换为句点“。” ,编辑表单时。因为在这个区域中,小数分隔符逗号是正常的,所以我也希望将值显示为 1,99€,所以我恢复了工作函数。所选字段应在加载时更改。当表格提交后,我会再次将其取消。在本示例中,我仅向您展示其中一个字段。

value="1.5"以错误的方式从 Magento 后端加载,这是另一个故事:

我包含了onload:"function(event)"window.onload = function(); 显示我从 jQuery 处理此函数的两次尝试: jQuery('form').on('change', '#price', function (event) 我还需要知道如何删除 .on('change' 部分。第一次使用 Js 和 jQuery。我真的尝试了一切。

 <html>
  <body onload="function(event)">
   <form>
    <input id="price" value="1.5">
   </form>
  </body>
 </html>

<script>

window.onload = function();

jQuery('form').on('change', '#price', function(event) {
   event.preventDefault();
   if (jQuery('#price').val().includes('.'))  {

    var varwithpoint = jQuery('#price').val();
    varwithcomma = varwithcomma.replace(",",".");

    jQuery('#price').val(varwithpoint);
} 
 else {
    console.log('no dot to replace');
}

});
</script>

最佳答案

代码的某些部分似乎没有按预期工作,因此下面是一个将“,”转换为“.”的基本代码示例。如果存储在输入“价格”中,并在每次更改值后检查此值;

 
function convert_price(){
  var this_price = $("#price").val();
  if (this_price.includes(',')) {      
    this_price = this_price.replace(",",".");
    $('#price').val(this_price);
  } else {
    console.dir('no dot to replace');
  }
}
convert_price();

$("#price").on("change",convert_price);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<html>
  <body>
   <form>
    <input id="price" value="1,5">
   </form>
  </body>
 </html>

关于javascript - 如何选择并运行这个onload函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48750867/

相关文章:

javascript - 为对象提供添加对象的方法

javascript - 没有 jQuery 的 AngularJS DOM/文档选择

php - 通过php从数据库上传数据

javascript - 加载完整站点然后显示,允许视频内容完整下载

css - Magento : How to put already created static block after all product listing and end of the sidebar in magento?

php - Google 日历自动时区

javascript - 在附加到 div 之前将 id 添加到动态生成的表中

magento - 在Magento产品页面上一次显示价格

magento - Magento 到 PayPal 的 Google Analytics 问题

javascript - 在 kendo ui 中加载页面时隐藏详细信息表(k-detail-cell)