소스 검색

update input rules

SyuanYu 1 년 전
부모
커밋
06e82e6939
2개의 변경된 파일7개의 추가작업 그리고 3개의 파일을 삭제
  1. 1 1
      frontend/src/utils.ts
  2. 6 2
      frontend/src/views/YTViews.vue

+ 1 - 1
frontend/src/utils.ts

@@ -8,7 +8,7 @@ export const removeLocalToken = () => localStorage.removeItem("token");
 import type { Ref } from "vue";
 
 export const emailRules =  [
-  (v:any) => /^[a-z.0-9]+@[a-z.-]+\.[a-z]+$/i.test(v) || 'Must be a valid e-mail.',
+  (v:any) => /^[a-z.0-9]+@[a-z.-]+\.[a-z]+$/i.test(v) || '請輸入有效的電子郵件格式',
 ];
 
 export const required = [

+ 6 - 2
frontend/src/views/YTViews.vue

@@ -2,10 +2,14 @@
 import { ref, reactive, computed } from "vue";
 import type { YTViewsUserData } from "@/interfaces";
 import { useMainStore } from "@/stores/main";
+import { emailRules } from "@/utils";
 import Navbar from "@/components/Navbar.vue";
 
 const mainStore = useMainStore();
 const fieldRules = [(value: string) => !!value || "此欄位為必填項目"];
+const urlRules = [
+  (v:any) => /^(http|https):\/\//.test(v) || '請輸入以 http 或 https 開頭的有效網址',
+];
 
 const items = reactive([
   { title: "100% 真人觀看" },
@@ -268,7 +272,7 @@ async function ECPaySubmit() {
           <v-form @submit.prevent class="ECPay-form">
             <v-text-field
               v-model="userData.email"
-              :rules="fieldRules"
+              :rules="emailRules"
               label="電子郵件"
               required
             ></v-text-field>
@@ -284,7 +288,7 @@ async function ECPaySubmit() {
             ></v-text-field>
             <v-text-field
               v-model="userData.url"
-              :rules="fieldRules"
+              :rules="urlRules"
               label="YouTube 影片網址"
               required
             ></v-text-field>