Set textarea of 'make-proposal-form' as required

Leonardo Merlin
1 parent c690081a
Showing 2 changed files with 10 additions and 3 deletions Show diff stats
index.html
js/main.js
@@ -273,8 +273,8 @@
                           <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
                             <div class="message hide"></div>
                             <div>
-                              <div><label for="article_abstract">Descrição</label></div>
-                              <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200" required></textarea>
+                              <div><label for="article_abstract">Descrição <span title="Campo obrigatório.">(*)</span></label></div>
+                              <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Escreva sua proposta aqui." maxlength="200" required></textarea>
                             </div>
                             <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
                             <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
@@ -1292,9 +1292,16 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
         // var proposal_id = this.id.split('-').pop();
         // var form = this;
         var $form = $(this);
+        var $description = $form.find('#article_abstract');
+        var $message = $form.find('.message');
+        // validation
+        if( $description.text().length  === 0 ){
+          $message.text('O campo "descrição" é obrigatório.');
+          return false;
+        }
+
         // reset messages
-        var $message = $form.find('.message');
         $message.hide();
         $message.text('');