自定義文案與多語言設置
驗證碼默認提供了17種語言類型,您可以根據業務需求,在客戶端接入時設置自定義驗證碼的文案與多語言。
下文是支持的語言,您可以通過language參數來設置所需的語言。
cn:簡體中文
tw:繁體中文
en:英文
ar:阿拉伯語
de:德語
es:西班牙語
fr:法語
in:印尼語
it:意大利語
ja:日語
ko:韓語
pt:葡萄牙文
ru:俄語
ms:馬來西亞
th:泰語
tr:土耳其
vi:越南
當所選語言設置分別為簡體中文(cn)、繁體中文(tw)、英語(en)、日語(ja)或韓語(ko)時,驗證碼空間推理題目的題庫將自動匹配對應的語言版本。對于其他未明確列出的語言選項,默認采用簡體中文(cn)的題庫。
代碼示例
您可以參考以下代碼示例自定義設置驗證碼(Captcha)不同語言下的文案提示。
驗證碼支持10個組件中的自定義文案,您可以通過傳參數upLang: myLang,并定義myLang來自定義驗證碼組件的文案。
/**
* 語言名,可選cn、tw、en,也可添加自定義語言。
* 語言詳情,key/value格式。
*/
var myLang = {
"cn": {
// 加載狀態提示
"LOADING": "加載中...",
// 彈出式窗口標題
"POPUP_TITLE": "請完成安全驗證",
// 嵌入式下未完成驗證時觸發了驗證請求的提示
"FINISH_CAPTCHA": "請先完成驗證!",
// 嵌入式下滑塊和拼圖滑動完成提示
"CAPTCHA_COMPLETED": "滑動完成",
// 驗證中提示
"VERIFYING": "驗證中...",
// 驗證通過狀態提示
"SUCCESS": "驗證通過!",
// 滑塊驗證失敗狀態提示
"SLIDE_FAIL": "驗證失敗,請刷新重試",
// 滑塊提示
"SLIDE_TIP": "請按住滑塊,拖動到最右邊",
// 空間驗證驗及其他模式證失敗狀態提示
"CAPTCHA_FAIL": "驗證失敗,請重試!",
// 拼圖模式提示文案
"PUZZLE_TIP": "請拖動滑塊完成拼圖",
},
"en": {
// 字段同上
"POPUP_TITLE": "Please complete captcha",
// ...
}
};
initAliyunCaptcha({
...
upLang: myLang
language: 'cn', // 驗證碼語言類型 比如 "cn"。
...
});
如果上述提供的語言不能滿足您的需求,您可以在initAliyunCaptcha函數中的language參數中填寫所需的語言類型,并自行翻譯myLang里的10處提示文案(key值)。例如:
(language: 'xx' , "xx": { "POPUP_TITLE": "對應語言的文案"} )
。若您所定義的語言不在提供的語言范圍內,則系統將默認返回中文語言文案。如果您定義的語言屬于提供的語言范圍,系統將返回對應語言的默認文案。
文案對應顯示的位置
以下是對 myLang
對象中存儲驗證碼組件顯示的文本,例如安全驗證、加載狀態提示、驗證失敗提示等。
文案key | 出現場景 | 備注 |
LOADING | 通用 | |
POPUP_TITLE | 通用 | |
FINISH_CAPTCHA | 通用 | |
CAPTCHA_COMPLETED | 通用 | |
VERIFYING | 通用 | |
SUCCESS | 通用 | |
SLIDE_FAIL | 僅滑塊 | |
SLIDE_TIP | 僅滑塊 | |
CAPTCHA_FAIL | 滑塊驗證 | |
PUZZLE_TIP | 拼圖模式 |