如何在 JQuery 弹出窗口中对文本框实施必需的验证

Question

我有一个 JQuery 弹出窗口，其中包含一些文本框。我已经对模型中的文本框应用了必需的验证，但它在弹出窗口中不起作用。没有弹出窗口，验证工作准确。请在这方面提供帮助，JQuery 控件弹出窗口中是否有任何特殊语法 validations.Here 是我的弹出代码..

var dialogBox = $("#mc-dialog");
        $('#dvMCodes').on('click', '#tblMC .modalEdit', function (event) {

            event.preventDefault();
            var actionURL = $(this).attr('href');

            //alert(actionURL);

            $(dialogBox).dialog({
                autoOpen: false,
                resizable: false,
                title: 'Edit',
                modal: true,
                show: "blind",
                width: 'auto',
                hide: "blind",
                open: function (event, ui) {
                    $(this).load(actionURL, function (html) {
                        $('form', html).submit(function () {
                            $.ajax({
                                url: this.action,
                                type: this.method,
                                data: $(this).serialize(),
                                success: function (res) {
                                    if (res.success) {
                                        $(dialogBox).dialog('close');
                                    }
                                }
                            });
                            return false;
                        });
                    });
                }
            });

            $(dialogBox).dialog('open');
        });

这是我的模特代码

        [Required(ErrorMessage = "*")]
        public string Code { get; set; }
        public string Description { get; set; }

这里是HTML代码

@if (IsEditMode)
                {
                    @Html.LabelFor(m => m.Code)
                    @Html.TextBoxFor(m => m.Code, new { @readonly = "readonly" })
                }
                else   
                {
                    @Html.LabelFor(m => m.Code)
                    @Html.TextBoxFor(m => m.Code)
                    @Html.ValidationMessageFor(m => m.Code)
                }

            </li>

            <li>
                @Html.LabelFor(x => x.Description)
                @Html.TextAreaFor(x => x.Description)
            </li>

Answer 1

$(this).submit(function (event) {

        if ($.trim($('#code').val()).length == 0) {
            alert('Please enter value for Code');
            event.preventDefault();
        }
    });

如何在 JQuery 弹出窗口中对文本框实施必需的验证

How to Implement Required Validation on Text Boxes in JQuery Popup

javascript

validation

jquery

popup