apps:public:inquiry

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
次のリビジョン両方とも次のリビジョン
apps:public:inquiry [2020/03/18 17:21] – adminapps:public:inquiry [2020/03/18 17:24] – admin
行 65: 行 65:
       </div>       </div>
     </div>     </div>
-    <div class="form-group">+    <div class="form-group" v-bind:class="{ 'has-error': errors.recaptcha }">
       <label class="col-sm-4 control-label"></label>       <label class="col-sm-4 control-label"></label>
       <div class="col-sm-6">       <div class="col-sm-6">
         <vue-recaptcha sitekey="6LfmGOAUAAAAAGgzcpNWN-A--6ggRfnYAE94IOR3" ref="invisibleRecaptcha"></vue-recaptcha>         <vue-recaptcha sitekey="6LfmGOAUAAAAAGgzcpNWN-A--6ggRfnYAE94IOR3" ref="invisibleRecaptcha"></vue-recaptcha>
 +        <span class="text-danger" v-show="errors.recaptcha">{{ errors.recaptcha }}</span>
       </div>       </div>
     </div>     </div>
行 183: 行 184:
       this.message.name = '';       this.message.name = '';
       this.message.email = '';       this.message.email = '';
 +      this.message.recaptcha = '';
     },     },
     clearErrors() {     clearErrors() {
行 190: 行 192:
       this.errors.name = '';       this.errors.name = '';
       this.errors.email = '';       this.errors.email = '';
 +      this.errors.recaptcha = '';
     },     },
     validate() {     validate() {
行 195: 行 198:
       this.clearErrors();       this.clearErrors();
       this.message.recaptcha = document.getElementById('g-recaptcha-response').value;       this.message.recaptcha = document.getElementById('g-recaptcha-response').value;
-      if (!this.message.recaptcha ) { +      if (!this.message.recaptcha) { 
-        this.errors.type = 'チェックしてください.';+        this.errors.recaptcha = 'チェックしてください.';
         isValid = false;         isValid = false;
       }             }      
  • apps/public/inquiry.txt
  • 最終更新: 2022/02/22 22:22
  • by admin