如何在JQuery弹出窗口中的文本框上实现所需的验证

Question

I have a JQuery Popup which includes some text boxes. I have applied Required validation on text boxes from Model but it doesn't work in popup. Without popup, validation works accurately. Please help in this regard that is there any special syntax in JQuery popup for controls validations.Here is my popup code..

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');
        });

and here is my Model's code

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

and here is HTML Code

@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();
        }
    });