如何在Jquery UI對話框中驗證表單？

Question

我試圖做一個功能來激活一個'表'的'領域'。

function validacion_coment(form){ 
      $("#"+form).validate({ 

        rules: { 
        texto: "required" 
       }, 

       messages: { 

        texto: "<?php echo get_texto_clave('error_validate_empty'); ?>" 
       } 
      }); 
    } 

但它沒有，有沒有什麼特殊的與validate（）對話框？

-edit-在Firebug中沒有錯誤。

當我打電話IT

function nueva_respuesta(id){ 
$("#pop").load('./includes/router.php?que=nueva_respuesta&id='+id); 
    pop_up_extra("pop","funcook.com",400,350); 
    validacion_coment('respuesta'); 
    return false; 
} 

Answer 1

這會在頁面加載時綁定頁面上的驗證功能的形式全部。

$(document).ready(function() { 

    $('form').each(function() { 
     $(this).validate({ 
      rules: { 
       texto: "required" 
      }, 
      messages: { 
       texto: "<?php echo get_texto_clave('error_validate_empty'); ?>" 
      } 
     }); 
    }); 

}); 

如果你想添加驗證了具體形式，試試這個：

$(document).ready(function() { 
    $('#myIdOnMyForm').validate({ 
      rules: { 
       texto: "required" 
      }, 
      messages: { 
       texto: "<?php echo get_texto_clave('error_validate_empty'); ?>" 
      } 
    }); 
}); 

注意：您嘗試提交表單前這些事件必須被定義。 Pageload時間是綁定這些事件的好時機。

要綁定驗證後的頁面上加載HTML，確保驗證事件設置在您的AJAX負荷calback調用，以便它不會嘗試在已接收到響應之前其綁定：

$("#pop").load('./includes/router.php?que=nueva_respuesta&id='+id, function() { 
    pop_up_extra("pop","funcook.com",400,350); 
    validacion_coment('respuesta'); 
    return false; 
});