event edit polished with error message

spa/assets/js/spa.js

@@ -54,6 +54,10 @@ $(document).ready(function() {
         aftershow: function(){} //Function for after opening timepicker  
     });
     
+    if ($("#errmsg").text() !="" && $("#errmsg").text() != "{{.ErrorMessage}}"){
+        $('#modalerr').modal('open');
+    }
+    
 });
 
 $("form").submit(function(event){

spa/newevent.html

@@ -31,7 +31,7 @@
                 <div class="input-field col s12">
                     <i class="mdi-action-loyalty small prefix"></i> 
                     <input name="meetingname" id="meetingname" type="text" class="validate"> 
-                    <label for="meetingname"> 活动主题/标题   </label>                     
+                    <label for="meetingname"> 活动主题/标题 (30字以内)  </label>                     
                 </div>                 
             </div>
             <div class="row"> 
@@ -98,7 +98,7 @@
             <div class="row orange">
                 <div class="col s6 "> 
                     <div class="switch"> 
-                        <label class="text-darken-3 transparent z-depth-5 black-text"> 
+                        <label class="text-darken-3 transparent black-text"> 
                             <input type="checkbox" class="Iagree" name="agree"> 
                             <span class="lever"></span>我同意
                         </label>                         
@@ -112,7 +112,17 @@
         <footer class="page-footer white"> 
             <div class="container"> 
                 <div class="row footerfill"> 
-</div>                 
+                    <!-- Modal Structure -->
+                    <div id="modalerr" class="modal deep-orange">
+                        <div class="modal-content">
+                            <h5>您好</h5>
+                            <p id="errmsg">{{.ErrorMessage}}</p>
+                        </div>
+                        <div class="modal-footer">
+                            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">知道了</a>
+                        </div>
+                    </div>
+                </div>                 
             </div>             
             <div class="footer-copyright"> 
                 <div class="container">© 2010-2017 Copyright Biukop