☰

MVC 3 jQuery 数値/小数点フィールドの検証/グローバル化 質問する

tag-icon • tag-icon jquery validation asp.net-mvc-3 globalization culture
MVC 3 jQuery 数値/小数点フィールドの検証/グローバル化 質問する

Web.config ファイルで globalization culture="da-DK" を使用すると、jQuery 検証は機能しません。

デンマークでは、商品の価格を表記するときに、米国の 19.95 ではなく 19,95 という表記を使用しますが、それが解決できない問題を引き起こしています。

VS2010、新しい MVC 3 プロジェクトを開始し、homeController、Product クラス、および単純な標準編集ビューを追加しましたが、すでにエラーが発生しています。

製品クラス:

public class Product
{
    public string name { get; set; }
    public string itemNo { get; set; }
    public decimal price { get; set; }
}

ホームコントローラー:

public class homeController : Controller
{
    public ActionResult Index()
    {
        var product1 = new Product { name = "Testproduct", itemNo = "PRD-151541", price = 19 };
        return View(product1);
    }
}

インデックスビュー:

@model WebUI.DomainModel.Product

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Product</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.name)
            @Html.ValidationMessageFor(model => model.name)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.itemNo)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.itemNo)
            @Html.ValidationMessageFor(model => model.itemNo)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.price)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.price)
            @Html.ValidationMessageFor(model => model.price)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

結果：

残念ながら、ここでは画像を送信できません。結果を確認するには、次のリンクをクリックしてください。http://www.designvision.dk/temp/mvc3_razor_validation_error.gif

つまり、Web サイトを実行すると、フィールドは 19,00 に設定されます (これは正しいカルチャ定義です)。ただし、保存しようとすると、検証は失敗します。

助けてください...

ベストアンサー1

試してみるといいでしょうjQuery グローバリゼーション プラグインマイクロソフトより:

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.glob.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/globinfo/jquery.glob.da-dk.js")" type="text/javascript"></script>
<script type="text/javascript">
    $.validator.methods.number = function (value, element) {
        return !isNaN($.parseFloat(value));
    }

    $(function () {
        $.preferCulture('da-DK');
    });
</script>

プラグインの名前が変更され、移動されました。グローバル化(2012年3月)

<script src="@Url.Content("~/Scripts/jquery.globalize/globalize.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.globalize/cultures/globalize.culture.da-DK.js")" type="text/javascript"></script>
<script type="text/javascript">
    $.validator.methods.number = function (value, element) {
        return !isNaN(Globalize.parseFloat(value));
    }

    $(document).ready(function () {
        Globalize.culture('da-DK');
    });
</script>

これについての詳細はスコット・ハンセルマンのブログ投稿

おすすめ記事