jQuery 验证 - 在 CK 编辑器中的按钮单击事件中不起作用

Question

我正在尝试使用 jQuery 验证来验证文本区域（CK 编辑器），但它在按钮单击事件中不起作用。如果单独调用它是有效的。

提琴手： http://jsfiddle.net/BmZ93/453/

JS:

$(document).ready(function () {
     var FormAllClass = '.form-all'; 

        var IsValid = function () {
          $(FormAllClass).validate();
          $('#desc').rules("add", {
              required: true,
              messages: {
                  required: "Description is required."
              }
          });

          $(FormAllClass).valid();
    };

    //IsValid() //Working 


    $('#job-submit').on('click', function(){

            if (IsValid())//not working
        {

        }
    })
});

在上面的代码中，我已经标记了它在哪里工作，哪里不工作。

任何有关如何解决此问题的建议将不胜感激。

Answer 1

实际的文本区域似乎被隐藏了。 jQuery 验证似乎默认忽略隐藏元素。因此，要解决此问题，请在验证方法中将忽略参数设置为空字符串。

这不会忽略隐藏元素，

$(document).ready(function () {
     var FormAllClass = '.form-all'; 

        var IsValid = function () {

          $(FormAllClass).validate({
               ignore: ''//do not ignore hidden elements
           });

          $('#desc').rules("add", {
              required: true,
              messages: {
                  required: "Description is required."
              }
          });

          $(FormAllClass).valid();
    };   


    $('#job-submit').on('click', function(){

        if (IsValid())//not working
        {

        }
    })
});