如何在JQuery Popup的文本框中實現必需的驗證

Question

我有一個包含一些文本框的JQuery Popup。我已經在Model的文本框中應用了Required驗證，但它在彈出窗口中不起作用。沒有彈出窗口，驗證工作就會準確無誤 請在這方面，有沒有在彈出的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(); 
     } 
    });