差分

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

--- apps:public:member_entry [2020/03/21 11:54] – admin
+++ apps:public:member_entry [2020/07/01 20:11] – admin
@@ 行 22: / 行 22: @@
     <div class="col-sm-8">
       <ul>
-        <li>賛助会員、公認審判員、チーム代表者（および、その代理の方）はこちらから会員登録をお願いいたします。</li>
+        <li>公認審判員、賛助会員はこちらから会員登録をお願いいたします。</li>
         <li>こちらから、ログインID、パスワード、メールアドレスを登録頂いた後、詳細をご登録頂く案内を記載したメールをお送りします。</li>
       </ul>
@@ 行 34: / 行 34: @@
       <div class="col-sm-6">
         <input type="text" class="form-control" placeholder="" v-model="item.login">
-        <span class="text-danger" v-show="errors.login">{{ errors.login }}</span>
+        <span>半角英数記号 3 文字以上で入力してください.</span><br/>
+        <span v-show="errors.login" class="text-danger">{{ errors.login }}</span>
       </div>
     </div>
@@ 行 47: / 行 48: @@
         </div>
         <h4 v-show="display_password"><span class="label label-info">{{ item.password }}</span></h4>
-        <span class="text-danger" v-show="errors.password">{{ errors.password }}</span>
+        <span>半角英数記号 6 文字以上で入力してください.</span><br/>
+        <span v-show="errors.password" class="text-danger">{{ errors.password }}</span>
       </div>
     </div>
@@ 行 103: / 行 105: @@
 </script>
-<script>
+<script src=/lib/components/public/member_entry.js></script>
-const VueRecaptcha = window.VueRecaptcha;
-Vue.component('confirm-modal', {
-  template: '#confirm-modal-template',
-  components: {
-    'modal-base': httpVueLoader('/lib/components/ModalBase.vue')
-  },
-  data: function() {
-    return {
-      item: {
-        login: '',
-        password: '',
-        email: ''
-      }
-    }
-  },
-  methods: {
-    show(item) {
-      this.item = item;
-      jQuery('#confirmModal').modal('show');
-    },
-    hide() {
-      jQuery('#confirmModal').modal('hide');
-    },
-    applyButtonClickHandler() {
-      this.$emit('apply-item');
-      this.hide();
-    },
-    cancelButtonClickHandler() {
-      this.hide();
-    }
-  }
-});
-var app = new Vue({
-  el: '#app',
-  components: {
-    'vue-recaptcha': VueRecaptcha
-  },
-  data: {
-    item: {
-      login: '',
-      password: '',
-      email: '',
-      recaptcha: ''
-    },
-    errors: {
-      login: '',
-      password: '',
-      email: ''
-    },
-    display_password: false
-  },
-  methods: {
-    clearItem() {
-      this.item.login = '';
-      this.item.password = '';
-      this.item.email = '';
-      this.item.recaptcha = '';
-    },
-    clearErrors() {
-      this.errors.login = '';
-      this.errors.password = '';
-      this.errors.email = '';
-      this.errors.recaptcha = '';
-    },
-    validate() {
-      let isValid = true;
-      this.clearErrors();
-      this.item.recaptcha = document.getElementById('g-recaptcha-response').value;
-      if (!this.item.recaptcha) {
-        this.errors.recaptcha = 'チェックしてください.';
-        isValid = false;
-      }
-      re_login = /^[\x20-\x7e]{3,}$/;
-      if (!this.item.login || !re_login.test(this.item.login)) {
-        this.errors.login = '半角英数記号 3 文字以上を入力してください.';
-        isValid = false;
-      }
-      re_login = /^[\x20-\x7e]{6,}$/;
-      if (!this.item.password) {
-        this.errors.password = '半角英数記号 3 文字以上を入力してください.';
-        isValid = false;
-      }
-      re_email = /^[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}\.[A-Za-z0-9]{1,}$/;
-      if (!this.item.email || re_email.test(this.item.email)) {
-        this.errors.email = '正しい email アドレスを入力してください.';
-        isValid = false;
-      }
-      return isValid;
-    },
-    showConfirmModalHandler() {
-      if (this.validate()) {
-        this.$refs.confirmModal.show(this.item);
-      }
-    },
-    applyItemHandler() {
-      this.loading = true;
-      const url = '/lib/exe/api.php';
-      const api = axios.create({withCredentials: true});
-      api.post(url, {
-        resource: 'apps:users',
-        action: 'sendInquiry',
-        params: this.item
-      })
-      .then((res) => {
-        alert('送信しました.');
-      })
-      .catch((res) => {
-        alert('送信に失敗しました. 内容を確認し、再送信してください.');
-        this.loading = false;
-      });
-    },
-    clearItemHandler() {
-      this.clearErrors();
-      this.clearItem();
-    }
-  }
-})
-</script>
 </html>