Les données de ckeditor ne sont pas validées par la validation jQuery

Je sais il y a des tas de questions sur cela, mais je ne peux pas obtenir que cela fonctionne pour la vie de moi. J'ai essayé plusieurs solutions, y compris cettela deuxième réponse ici et cetteet je ne peux pas obtenir le "nécessaire" message d'apparaître. La forme encore soumet quand la ckeditor champ est vide.

J'ai regardé la documentation ici et je suis capable de passer le contenu de l'éditeur à une alerte, mais ne suis pas assez expérimenté pour savoir comment intégrer ce qui concerne la validation du plugin. J'ai passé autant de temps sur ce - quelqu'un peut s'il vous plaît aider?

Voici mon code actuel, et j'ai créé un violon: http://jsfiddle.net/BmZ93/1/

     $('#add-job').validate({
                rules: {
                editor1: {
                    required: function() 
                    {
                    CKEDITOR.instances.editor1.updateElement();
                    }
                    }
                },
                messages: {
                Job_Title: "Required",
                Job_Location: "Required",
                jobid: "Required",
                Job_Cat: "Required",
                editor1: "Required"
                } 
        });

source d'informationauteur surfbird0713

  1. 31

    Ici, c'est de mettre à jour votre code avec cette

    http://jsfiddle.net/rohanppatil/BmZ93/8/

    $(document).ready(function() {
$('#add-job').validate({
    ignore: [],         
    rules: {
                editor1: {
                    required: function() 
                    {
                    CKEDITOR.instances.editor1.updateElement();
                    }
                    }
                },
                messages: {
                Job_Title: "Required",
                Job_Location: "Required",
                jobid: "Required",
                Job_Cat: "Required",
                editor1: "Required"
                },
                /* use below section if required to place the error*/
                errorPlacement: function(error, element) 
                {
                    if (element.attr("name") == "editor1") 
                   {
                    error.insertBefore("textarea#editor1");
                    } else {
                    error.insertBefore(element);
                    }
                }
            });
});

    Espère que cela sera le travail que j'ai testé cela dans JSFIDDLE fonctionne bien

  2. 11

    Vous devez modifier la valeur de ignore des biens qui, par défaut, est titulaire d' :hidden valeur. comme CKEDITOR cache le textarea jQuery de validation de ne pas valider les élément:

    ignore: []

    http://jsfiddle.net/BmZ93/5/

    Notez également que vous devez retourner une valeur booléenne dans votre required méthode, vous n'avez pas. Ici, en passant true suffit. 

    required: true

    C'est la mise à jour du code qui utilise également errorPlacement méthode pour ajouter une bordure à la CKEDITOR wrapper, vous pouvez le personnaliser selon vos besoins:

    $(document).ready(function () {
    $('#add-job').validate({
        rules: {
            'editor1': {
                required: true
            }
        },
        messages: {
            Job_Title: "Required",
            Job_Location: "Required",
            jobid: "Required",
            Job_Cat: "Required",
            editor1: "Required"
        },
        errorPlacement: function(error, $elem) {
            if ($elem.is('textarea')) {
                $elem.next().css('border', '1px solid red');
            }
        },
        ignore: []
    });
});