• captcha 圖形驗證碼
  • 屬性說明
  • 示例
    • 代碼示例

captcha 圖形驗證碼

解釋：圖形驗證碼組件，一般用于表單項提交時后端校驗。防止連續(xù)提交，高效攔截機器行為。

石林網站建設公司創(chuàng)新互聯(lián),石林網站設計制作，有大型網站制作公司豐富經驗。已為石林千余家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站建設要多少錢，請找那個售后服務好的石林做網站的公司定做！

屬性說明

verifyImgUrl

String

是

圖片驗證碼的 url 地址

labelWidth

String

否

4em

label寬度，默認四字

inputName

String

否

code

定義 input name 屬性，一般作為表單提交的 key

label

String

否

驗證碼

輸入框左側文案

placeholder

String

否

請輸入驗證碼

輸入框占位文案

placeholderColor

String

否

#ccc

輸入框占位文案顏色

value

String

否

‘’

輸入框 value

type

String

否

text

input 調起鍵盤類型：text、number、idcard、digit

maxlength

Number

否

4

input 輸入最大長度

focus

Boolean

否

false

獲取聚焦，調起鍵盤

confirmType

String

否

done

鍵盤右下角提交文案，詳細配置見基礎組件 input

inputErrMsg

String

否

‘’

錯誤提示信息，有值時左側 label 會漂紅

smt-label

String

否

提供擴展樣式類，供開發(fā)者自定義組件樣式，通過此 class 改變 input 左側文案樣式

smt-code

String

否

提供擴展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變驗證碼外層樣式

bind:refreshimg

EventHandle

更改驗證碼事件。e.detail = {iptValue: ‘input輸入值’, iptName: ‘傳入的 iptName’, check: ‘boolean值，是否滿足最大輸入長度’}

bind:input

EventHandle

input 輸入事件

bind:blur

EventHandle

input 失焦事件

bind:focus

EventHandle

input 聚焦事件

bind:confirm

EventHandle

點擊鍵盤右下角完成按鈕觸發(fā)事件

示例

跳轉編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS
• CSS
• JSON

 
 
 
  
  
  
  
  
  
 verify-img-url="{{verifyImgUrl}}"
  
  
  
 input-err-msg="{{inputErrMsg}}"
  
  
  
 bindinput="bindInput"
  
  
  
 bind:refreshimg="refreshImg"
  
  
  
>
  
  
  
提交