add validateConfirmName

html/login.js

@@ -56,6 +56,26 @@ function login(){
 
         return;
     }
+
+    if (/.*[\u4e00-\u9fa5]+.*$/.test(username)) {
+        let title = "字元有誤";
+        let text = "名稱僅得包含英文及數字";
+
+        if (lang == 'en') { 
+            title = "Invalid username!";
+            text = "Please enter valid username";
+        }
+
+        Swal.fire({
+            title: title,
+            icon: 'error',
+            text: text,
+            confirmButtonColor: '#3085d6',
+        });
+
+        return;
+    }
+
     JsLoadingOverlay.show({
         "overlayBackgroundColor": "#666666",
         "overlayOpacity": 0.6,

html/register.js

@@ -80,6 +80,21 @@ function validateConfirmPsd(psd1, psd2) {
     }
 }
 
+function validateConfirmName() {
+    let username = $('#register [name = "username"]').val();
+    if(!/.*[\u4e00-\u9fa5]+.*$/.test(username)) {
+        $('#register [name = "username"]').removeClass('error');
+        $('.error-text').remove();
+        return true;
+    } else {
+        $('#register [name = "username"]').addClass('error');
+        if( !$('.error-text').length ) {
+            $('input.error').after('<p class="error-text" set-lan="html:errorUsername">請輸入英文字元或數字</p>');
+        } 
+        return false;
+    }
+}
+
 function register() {
     let userName = $('#register [name = "username"]').val();
     let email = $('#register [name = "email"]').val();
@@ -106,7 +121,26 @@ function register() {
         return;
     }
 
-    if(userName && validateEmail(email) && validatePassword(password) && validateConfirmPsd(password, confirm_psd)) {
+    if (/.*[\u4e00-\u9fa5]+.*$/.test(username)) {
+        let title = "字元有誤";
+        let text = "名稱僅得包含英文及數字";
+
+        if (lang == 'en') { 
+            title = "Invalid username!";
+            text = "Please enter valid username";
+        }
+
+        Swal.fire({
+            title: title,
+            icon: 'error',
+            text: text,
+            confirmButtonColor: '#3085d6',
+        });
+
+        return;
+    }
+
+    if(userName && validateConfirmName() && validateEmail(email) && validatePassword(password) && validateConfirmPsd(password, confirm_psd)) {
         JsLoadingOverlay.show({
             "overlayBackgroundColor": "#666666",
             "overlayOpacity": 0.6,

html/static/lan.js

@@ -159,7 +159,7 @@ var zh = {
     "Virtual_Anchor_text":"匯集多種AI智能技術、能說各種國外語言、技術強大快速部屬、影片經濟效益大、無論內銷外銷、嘴型真實感。",
     "index-sec02":"static/img/index/组 29.webp",
     "index-sec02-m":"static/img/index/组 29-m.webp",
-
+    "errorUsername": "請輸入英文字元及數字"
 };
 
 var en = {
@@ -273,7 +273,7 @@ var en = {
     "Virtual_Anchor_text":"Create video from text. make a video in 3 steps. produce in more than 20 languages. get video in minutes. a variety of avatars available.",
     "index-sec02":"static/img/index/Group 29.webp",
     "index-sec02-m":"static/img/index/Group 30.webp",
-  
+    "errorUsername": "Please enter number or english characters only."
 };
 
 function switchLanContent(val){