В браузере, как мне узнать, какой десятичный разделитель использует клиент?

Ответ 1

Вот простая функция JavaScript, которая вернет эту информацию. Протестировано в Firefox, IE6 и IE7. Мне пришлось закрыть и перезапустить мой браузер между изменениями в настройках в разделе "Панель управления" / "Региональные и языковые параметры" / "Региональные параметры/Настроить". Однако он взял не только запятую и период, но и необычные вещи, такие как буква "а".

function whatDecimalSeparator() {
    var n = 1.1;
    n = n.toLocaleString().substring(1, 2);
    return n;
}

function whatDecimalSeparator() {
    var n = 1.1;
    n = n.toLocaleString().substring(1, 2);
    return n;
}

console.log('You use "' + whatDecimalSeparator() + '" as Decimal seprator');

Ответ 2

Спросите пользователя, не угадайте. У вас есть настройки для вашего веб-приложения.

Отредактировано для добавления:

Я думаю, что можно угадать настройку по умолчанию, которая работает нормально, скажем, в 95% случаев. Я имел в виду, что пользователь все равно должен переопределять любые догадки, сделанные программным обеспечением. Я слишком часто расстраивался, когда программное обеспечение пытается быть слишком умным и не позволяет исправляться.

Ответ 3

function getDecimalSeparator() {
    //fallback  
       var decSep = ".";

        try {
            // this works in FF, Chrome, IE, Safari and Opera
            var sep = parseFloat(3/2).toLocaleString().substring(1,2);
            if (sep === '.' || sep === ',') {
                decSep = sep;
            }
        } catch(e){}

        return decSep;
    }

Ответ 4

Я могу угадать десятичный разделитель из Accept-Language и догадка будет в 95% случаев, но иногда это выходит из строя.

Это ИМО лучший курс действий. Чтобы справиться с ошибками, добавьте ссылку, чтобы установить ее вручную рядом с областью отображения.

Ответ 5

Почему бы не

0.1.toLocaleString().replace(/\d/g, '')

Ответ 6

Хорошо, мне есть что показать, скорее доказательство концепции, чем готовый продукт, но из-за отсутствия точных спецификаций я оставляю это так (или я его переучиваю). Я отправляю сообщение в отдельном сообщении, потому что он будет немного длинным. Я воспользовался возможностью, чтобы попробовать немного больше jQuery...

Код Java: GetLocaleInfo.java

import java.applet.*;
import java.util.Locale;
import java.text.*;

public class GetLocaleInfo extends Applet
{
  Locale loc;
  NumberFormat nf;
  NumberFormat cnf;
  NumberFormat pnf;

  // For running as plain application
  public static void main(String args[])
  {
    final Applet applet = new GetLocaleInfo();
    applet.init();
    applet.start();
  }

  public void init() // Applet is loaded
  {
    // Use current locale
    loc = Locale.getDefault();
    nf = NumberFormat.getInstance();
    cnf = NumberFormat.getCurrencyInstance();
    pnf = NumberFormat.getPercentInstance();
  }

  public void start() // Applet should start
  {
    // Following output goes to Java console
    System.out.println(GetLocaleInformation());
    System.out.println(nf.format(0.1));
    System.out.println(cnf.format(1.0));
    System.out.println(pnf.format(0.01));
  }

  public String GetLocaleInformation()
  {
    return String.format("Locale for %s: country=%s (%s / %s), lang=%s (%s / %s), variant=%s (%s)",
        loc.getDisplayName(),
        loc.getDisplayCountry(),
        loc.getCountry(),
        loc.getISO3Country(),

        loc.getDisplayLanguage(),
        loc.getLanguage(),
        loc.getISO3Language(),

        loc.getDisplayVariant(),
        loc.getVariant()
    );
  }

  public String FormatNumber(String number)
  {
    double value = 0;
    try
    {
      value = Double.parseDouble(number);
    }
    catch (NumberFormatException nfe)
    {
      return "!";
    }
    return nf.format(value);
  }

  public String FormatCurrency(String number)
  {
    double value = 0;
    try
    {
      value = Double.parseDouble(number);
    }
    catch (NumberFormatException nfe)
    {
      return "!";
    }
    return cnf.format(value);
  }

  public String FormatPercent(String number)
  {
    double value = 0;
    try
    {
      value = Double.parseDouble(number);
    }
    catch (NumberFormatException nfe)
    {
      return "!";
    }
    return pnf.format(value);
  }
}

Пример страницы HTML с использованием вышеуказанного апплета: GetLocaleInfo.html

<!-- Header skipped for brevity -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script type="text/javascript">
var applet;
$(document).ready(function()
{
  applet = document.getElementById('LocaleInfo');
  $('#Results').text(applet.GetLocaleInformation());
});
</script>
<script type="text/javascript">
function DoFormatting()
{
  $('table.toFormat').each(function()
  {
    var table = $(this);
    $('td', table).each(function(cellId)
    {
      var val = $(this);
      if (val.is('.number'))
      {
        val.text(applet.FormatNumber(val.text()));
      }
      else if (val.is('.currency'))
      {
        val.text(applet.FormatCurrency(val.text()));
      }
      else if (val.is('.percent'))
      {
        val.text(applet.FormatPercent(val.text()));
      }
    });
  });
}
</script>
</head>
<body>
  <div id="Container">
    <p>Page to demonstrate how JavaScript can get locale information from Java</p>
    <div id="AppletContainer">
      <object classid="java:GetLocaleInfo.class"
          type="application/x-java-applet" codetype="application/java"
          name="LocaleInfo" id="LocaleInfo" width="0" height="0">
        <param name="code" value="GetLocaleInfo"/>
        <param name="mayscript" value="true"/>
        <param name="scriptable" value="true"/>
        <p><!-- Displayed if object isn't supported -->
          <strong>This browser does not have Java enabled.</strong>
          <br>
          <a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java plug-in">
          Get the latest Java plug-in here
          </a> (or enable Java support).
        </p>
      </object>
    </div><!-- AppletContainer -->
    <p>
    Click on the button to format the table content to the locale rules of the user.
    </p>
    <input type="button" name="DoFormatting" id="DoFormatting" value="Format the table" onclick="javascript:DoFormatting()"/>
    <div id="Results">
    </div><!-- Results -->
<table class="toFormat">
<caption>Synthetic View</caption>
<thead><tr>
<th>Name</th><th>Value</th><th>Cost</th><th>Discount</th>
</tr></thead>
<tbody>
<tr><td>Foo</td><td class="number">3.1415926</td><td class="currency">21.36</td><td class="percent">0.196</td></tr>
<tr><td>Bar</td><td class="number">159263.14</td><td class="currency">33</td><td class="percent">0.33</td></tr>
<tr><td>Baz</td><td class="number">15926</td><td class="currency">12.99</td><td class="percent">0.05</td></tr>
<tr><td>Doh</td><td class="number">0.01415926</td><td class="currency">5.1</td><td class="percent">0.1</td></tr>
</tbody>
</table>
  </div><!-- Container -->
</body>
</html>

Проверено на Firefox 3.0, IE 6, Safari 3.1 и Opera 9.50 на Windows XP Pro SP3. Он работает без проблем с первыми двумя, в Safari у меня есть странная ошибка после вызова init():

java.net.MalformedURLException: no protocol:
    at java.net.URL.<init>(Unknown Source)
    at java.net.URL.<init>(Unknown Source)
    at java.net.URL.<init>(Unknown Source)
    at sun.plugin.liveconnect.SecureInvocation.checkLiveConnectCaller(Unknown Source)
    at sun.plugin.liveconnect.SecureInvocation.access$000(Unknown Source)
    at sun.plugin.liveconnect.SecureInvocation$2.run(Unknown Source)
    at java.security.AccessController.doPrivileged(Native Method)
    at sun.plugin.liveconnect.SecureInvocation.CallMethod(Unknown Source)

но он все еще работает.

Я не могу заставить это работать с Opera: апплет загружается правильно, так как я вижу трассировку вызова init() в консоли Java, у меня нет ошибок, когда JavaScript вызывает функции Java (кроме случаев, когда я добавляю и вызов метода, получающего параметр JSObject, любопытно), но функции Java не вызываются (я добавил трассировку вызовов).
Я считаю, что Liveconnect работает в Opera, но я пока не вижу, как это сделать. Я буду исследовать немного больше. [Обновление] Я удалил ссылки на несуществующий файл jar (который не останавливает другие браузеры), и я получил трассировку вызовов, но он не обновляет страницу.
Mmm, если я делаю alert(applet.GetLocaleInformation());, я получил информацию, поэтому это может быть проблема jQuery.

Ответ 7

Я думаю, вы должны полагаться на JavaScript, чтобы дать вам настройки локали.
Но, очевидно, JS не имеет прямого доступа к этой информации. Я вижу Dojo Toolkit полагается на внешнюю базу данных, чтобы найти информацию о локали, хотя, например, она может не учитывать изменения настроек учетной записи.
Другим обходным решением, которое я вижу, является наличие небольшого молчащего Java-апплета, который запрашивает эту информацию из системы, и JavaScript, чтобы избавиться от Java.
Я могу дать больше информации, если вы не знаете, как это сделать (если вы хотите пройти этот запутанный маршрут, конечно).

[EDIT] Поэтому я обновил свои знания о поддержке локализации в Java...
В отличие от того, что я думал изначально, у вас не будет непосредственно разделителей десятичных разделителей или тысяч разделителей, как и для разделителя строк или разделителя путей: вместо этого Java предлагает API для форматирования чисел или дат, которые вы предоставляете. Так или иначе, это имеет смысл: в Европе вы часто помещаете символ валюты после номера, некоторые страны (Индия?) Имеют более сложное правило для разделения цифр и т.д.

Другое дело: Java правильно находит текущий язык из системы, но не принимает информацию оттуда (возможно, по вышеуказанным причинам). Вместо этого он использует свой собственный набор правил. Поэтому, если у вас есть испанский язык, где вы заменили десятичный разделитель на восклицательный знак, Java не будет использовать его (но, возможно, ни ваше приложение, в любом случае...).

Итак, я пишу апплет, предоставляющий сервис (функции) JavaScript, позволяющий форматировать числа в текущую локаль. Вы можете использовать его как таковой, используя JavaScript для форматирования чисел в браузере. Или вы можете просто загрузить его с некоторым номером образца и извлечь из него символы, используя их локально или загружая их обратно на сервер.

Я заканчиваю и тестирую свой апплет и публикую его в ближайшее время.

Ответ 8

Даже если вы знали, в какой локали это приложение "GUI Application" работает, вам все равно нужно выяснить, как он получает текущую локаль и как она определяет разделитель десятичной дроби.

Я не знаю, как это делается на Mac, но в приложениях Windows предполагается опросить пользовательские настройки, установленные с помощью панели управления. Вполне возможно, что это тайное приложение игнорирует эти настройки и вместо этого использует собственную внутреннюю настройку.

Или, может быть, они берут текущую локаль и выводят остальные, а не говорят.

Даже тогда, по-английски, числа даются в группах по 3 цифры с запятой, разделяющей группы. то есть:.

5,197,359,078

Если число не было целым числом, содержащим номер телефона:

519-735-9078

Если, конечно, число не было целым числом, содержащим номер счета:

5197359078

В этом случае вы вернетесь к жестко закодированной переопределенной логике.

Изменить: удаленный пример валюты, так как валюта имеет свои собственные правила форматирования.

Ответ 9

"Есть ли способ сделать это на сервере (желательно, чтобы я мог собирать статистику) или на клиенте сторона?"

Нет, вы не можете. Этот GUI ищет некоторые пользовательские или машинные настройки. Во-первых, вы, вероятно, не знаете, в каких настройках этот пользовательский интерфейс выглядит. Во-вторых, с помощью веб-приложения вы, вероятно, не сможете проверить эти настройки (clientside → Javacsript).

Ответ 10

Используя ответы других людей, я скомпилировал следующие десятичные и тысячи функций утилиты разделителей:

var decimalSeparator = function() {
    return (1.1).toLocaleString().substring(1, 2);
};
var thousandSeparator = function() {
    return (1000).toLocaleString().substring(1, 2);
};

Наслаждайтесь!

Ответ 11

Другое возможное решение: вы можете использовать что-то вроде GeoIP (пример в PHP), чтобы определить местоположение пользователя и решить на основе этих информация.