绕过jquery对话框上的“onblur”取消和(x)按钮

时间:2011-10-17 11:00:14

标签: jquery asp.net-mvc-3 validation jquery-dialog

我正在使用jquery对话框来显示我的表单,我在表单上使用MVC 3不显眼的客户端验证。目前,如果用户单击“取消”按钮和关闭图标:(x)按钮,将显示验证消息。

这很奇怪,因为用户可能会意外打开一个对话框并想要关闭它,但是[Required]字段旁边显示的验证消息有点令人讨厌和有趣。

我不知道如何“控制”这两个按钮。我在这里包含了我在对话框中初始化按钮的脚本:

     //Load food form into dialog
    var controllerUrl = '/Stock/GetFoodForm';
    var $createdialog = $('#createfooddialog').load(controllerUrl).dialog({
        autoOpen: false,
        title: 'Create Food',
        modal: true,
        width: 'auto'
    });

    $createdialog.dialog("option", "buttons", {
        "Cancel": function () {
            //alert('Cancel');
            $createdialog.dialog('close');
        },
        "Submit": function () {
            submitForm();
        }
     });

希望能在这里得到一些帮助......欣赏它......

2 个答案:

答案 0 :(得分:0)

#createfooddialog是否位于您的表单标记之间?如果是这样,请尝试将其移出。

答案 1 :(得分:0)

我现在取消了客户端验证的急切效果,因此点击提交后,用户才会看到该消息。我仍然无法找到任何解决方案