HTML5 validation with required doesn't show error

steps to reproduce

1. Create `<textarea name="source" required="required"></textarea>
2. Bind summernote.
3. Send form without filling editor.

browser version and os version and summernote version

What is your browser and OS? All HTML5 validation enabled browsers What is your summernote version? 0.8.8

problem description

When textarea was defined as required, HTML5 validation fails without any notification when editor is not filled. This is caused because HTML5 validation is triggered on source <textarea style="display: none;"> which is not focusable. You can read Chrome error in console:

An invalid form control with name='source' is not focusable.

TODO:

1. When source textarea is marked as required – remove it from source element and add it to target textarea element.

but it won’t solve problem

• textarea.note-codable is also not focusable! So even if you rewrite required attr by hand –it won’t show up for Summernote editor.

References: #355 #1201

Similar implementation from other editor: https://github.com/ckeditor/ckeditor-dev/commit/385a822

[drj-io]

+1

[joaocarias]

use: $(‘#Post’).summernote(‘isEmpty’) || $($(“#Post”).summernote(“code”)).text().trim() == ‘’

Exemple:

$(‘.btn-create’).on(‘click’, function () { var submeterForm = 1; if ($(‘#Post’).summernote(‘isEmpty’) || $($(“#Post”).summernote(“code”)).text().trim() == ‘’) { submeterForm = 0; } if (submeterForm <= 0) { $(‘span[data-valmsg-for=“Post”]’).text(“* Input Required!”); } else { $(‘#form-post’).submit(); } });