3

フォームのデフォルトのエラー メッセージを削除し、いくつかのツールヒントに置き換えています。

各フィールドの検証イベントをキャプチャする方法はありますか?

ユーザーが「アセット名」テキストボックスにテキストを入力し始めると、テキストボックスの赤い背景が消えます。ツールチップも削除したいと思います。

形

これは、ツールチップを作成する方法です。

$("#frmAsset").submit(function (evt) {

        var myvalues = new Array();
        var mynames = new Array();

        var errors = $(".input-validation-error");
        errors.each(function (index) {
            var name = $(this)[0].id;
            var value = $('span[for="' + name + '"]')[0].innerText;

            mynames[index] = name;
            myvalues[index] = value;

        });

        // Build and show tooltop error messages
        $.each(myvalues, function (index) {
            Tipped.create($("#" + mynames[index]), myvalues[index], {
                skin: 'red',
                hideOn: test(),
                hook: {
                    target: 'rightmiddle',
                    tooltip: 'leftmiddle'
                }
            }).show();
        });

        // Hide built-in error messages
        $('.field-validation-error').hide();

        var valid = $("#frmAsset").valid();
        if (valid == true) {
            $.ajax({
                type: "POST",
                url: "/Asset/Create",
                data: $("#frmAsset").serialize(),
                success: function (data) {
                    alert('success!');
                    console.log(data.Message);

                    // Close popup window
                    var window = $('#AssetEditorPopUp').data("kendoWindow");
                    window.close();

                    // Refresh grid to show changes
                    $('#grid').data("kendoGrid").dataSource.read();
                },

                error: function () {
                    alert("There was an error adding the asset.");
                }
            });
        }
        return false;
    });
4

1 に答える 1

1

ここにあなただけのフックを備えた小さなラッパーがあります: https://gist.github.com/remi/957732

elementValidationSuccessフックが必要です。

于 2013-05-08T19:53:36.630 に答える