挂钩成功事件 MVC 验证（每个字段）

Posted 2023-05-09

【中文标题】挂钩成功事件 MVC 验证（每个字段）

【英文标题】：Hook success event MVC validation (per field)

【发布时间】：2013-05-03 03:49:32

【问题描述】：

我正在删除表单上的默认错误消息，并用一些工具提示替换它们。

有没有办法捕获每个字段的验证事件？

当用户开始在“资产名称”文本框中输入一些文本时，文本框上的红色背景会消失。我也想删除我的工具提示。

这就是我构建工具提示的方式：

$("#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;
    );

【参考方案1】：

这是一个带有钩子的小包装器，专为您准备：https://gist.github.com/remi/957732

你需要elementValidationSuccess钩子。