У меня есть редактор, который работал правильно, пока я не добавил плагин проверки jquery :( В качестве данных добавлю, что у меня есть пустой контейнер, который через jquery помогает мне передать содержимое редактора quill в контейнер для отправки по POSTphp.
Мой HTML:
<div class="col-sm-9">
<input name="sendphp" id="micontenido" type="hidden">
<div id="editor" class="quill-container"> </div>
</div>
Это мой jquery Quill Editor.
descripcion = $("#micontenido").val();
if(descripcion.length>0){
quill.clipboard.dangerouslyPasteHTML(descripcion);
$('#micontenido').val('');
}else{
quill.setContents([
{ insert: 'Descripción del puesto:', attributes: { bold: true } },
{ insert: '\n',attributes: { bold: true } },
{ insert: '\n' },
{ insert: '\n' },
{ insert: 'Requisitos mínimos:', attributes: { bold: true } },
{ insert: '\n',attributes: { bold: true } },
{ insert: '\n' },
{ insert: '\n' },
{ insert: 'Requisitos deseados:', attributes: { bold: true } },
{ insert: '\n',attributes: { bold: true } },
{ insert: '\n' },
{ insert: '\n' },
{ insert: 'Funciones a realizar:', attributes: { bold: true } },
{ insert: '\n',attributes: { bold: true } },
{ insert: '\n' },
{ insert: '\n' },
{ insert: 'Ofrecemos:', attributes: { bold: true } },
{ insert: '\n',attributes: { bold: true } },
{ insert: '\n' },
]);
}
quill.focus();
var form = document.querySelector('form');
form.onsubmit = function() {
var contents = JSON.stringify(quill.root.innerHTML)
$("#micontenido").val(contents)
$scope.main.submitFrm(form)
};
}
¡До этого все работало правильно! Пока я не добавлю проверку jquery:
if ($("#formvalidation").length) {
$("#formvalidation").validate({
debug:true,
rules: {
titulo: "required",
funciones: "required",
tipocontrato: "required",
nivelexperiencia: "required",
rangosalario: "required",
},
messages: {
titulo:{
required: "Por favor escribe un título atractivo para tu oferta.",
minlength: "El título es demasiado pequeño. Intenta agregar más detalles para que sea atractivo.",
},
funciones:{
required: "Por favor redacta brevemente las funciones a realizar del candidato.",
minlength: "Este texto es demasiado corto. Intenta agregar más detalles.",
},
tipocontrato:{
required: "Selecciona el tipo de oferta a publicar.",
},
nivelexperiencia:{
required: "Selecciona la experiencia necesaria para aplicar a esta oferta.",
},
rangosalario:{
required: "Selecciona el rango de salario que corresponda a tu oferta.",
},
estadosoferta:{
required: "Selecciona la entidad federativa en donde está ubicada la oferta a publicar.",
},
municipios:{
required: "Selecciona el municipio en donde está ubicada la oferta a publicar.",
},
localidades:{
required: "Selecciona la localidad en donde se ubica la oferta a publicar.",
},
categorias:{
required: "Por favor selecciona la categoría a la que pertenece la oferta a publicar.",
},
subcategorias:{
required: "Por favor selecciona la subcategoria a la que pertenece la oferta a publicar.",
},
contratacion:{
required: "Elige una fecha de contratación aproximada.",
},
},
errorPlacement: function (label, element) {
label.addClass('mt-2 text-danger');
label.insertAfter(element);
},
highlight: function (element, errorClass) {
$(element).parent().addClass('has-danger')
$(element).addClass('form-control-danger')
},
submitHandler: function(form) {
$("#loading").removeClass('d-none');
form.submit();
}
});
};
Я получаю следующую ошибку