问答系统优化

application/plugins/view/answers/index/popup.html

@@ -7,7 +7,7 @@
     <div class="am-popup-bd">
       <form class="am-form form-validation-plugins-answer-ask view-save" action="{{:PluginsHomeUrl('answers', 'index', 'answer')}}" method="POST" request-type="ajax-reload">
         <div class="am-form-group">
-          <label>昵称<span class="am-form-group-label-tips">必填</span></label>
+          <label>昵称<span class="am-form-group-label-tips-must">必填</span></label>
           <input type="text" name="name" placeholder="昵称" minlength="1" maxlength="30" data-validation-message="昵称格式 1~30 个字符之间" class="am-radius" required />
         </div>
         <div class="am-form-group">
@@ -15,11 +15,11 @@
           <input type="text" name="tel" placeholder="电话" data-validation-message="请填写电话" class="am-radius" />
         </div>
         <div class="am-form-group">
-          <label>标题<span class="am-form-group-label-tips">必填</span></label>
+          <label>标题<span class="am-form-group-label-tips-must">必填</span></label>
           <input type="text" name="title" placeholder="标题" minlength="1" maxlength="60" data-validation-message="标题格式 1~60 个字符之间" class="am-radius" required />
         </div>
         <div class="am-form-group">
-          <label>内容<span class="am-form-group-label-tips">必填</span></label>
+          <label>内容<span class="am-form-group-label-tips-must">必填</span></label>
           <textarea class="am-radius am-validate" name="content" rows="5" minlength="5" maxlength="230" placeholder="内容至少5个字" data-validation-message="内容格式 5~230 个字符之间" required></textarea>
         </div>
         <div class="am-form-group am-form-group-refreshing">

public/static/common/css/common.css

@@ -19,7 +19,9 @@
 .am-form-group:hover>input, .am-form-group:hover>select, .am-form-group:hover>textarea, .am-form-group:hover .chosen-choices, .am-form-group:hover .chosen-single { border: 1px solid #999 ; }
 .am-form-error .chosen-choices, .am-form-error .chosen-default { border: 1px solid #dd514c !important; }
 .am-form-success .chosen-choices, .am-form-success .chosen-single { border: 1px solid #5eb95e !important; }
-form.am-form .am-form-group-label-tips { font-size: 12px; font-weight: 100; color: #ccc; margin-left: 10px; }
+form.am-form .am-form-group-label-tips, form.am-form .am-form-group-label-tips-must {  font-size: 12px; font-weight: 100; margin-left: 10px; }
+form.am-form .am-form-group-label-tips { color: #ccc;  }
+form.am-form .am-form-group-label-tips-must { color: #f00; }
 .am-form-group:hover>label { color: #333 !important; }
 .am-form-group:hover>label>.am-form-group-label-tips { color: #FF9800 !important; }