• captcha 圖形驗(yàn)證碼
  • 屬性說(shuō)明
  • 示例
    • 代碼示例

captcha 圖形驗(yàn)證碼

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

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

屬性說(shuō)明

verifyImgUrl

String

是

圖片驗(yàn)證碼的 url 地址

labelWidth

String

否

4em

label寬度，默認(rèn)四字

inputName

String

否

code

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

label

String

否

驗(yàn)證碼

輸入框左側(cè)文案

placeholder

String

否

請(qǐng)輸入驗(yàn)證碼

輸入框占位文案

placeholderColor

String

否

#ccc

輸入框占位文案顏色

value

String

否

‘’

輸入框 value

type

String

否

text

input 調(diào)起鍵盤類型：text、number、idcard、digit

maxlength

Number

否

4

input 輸入最大長(zhǎng)度

focus

Boolean

否

false

獲取聚焦，調(diào)起鍵盤

confirmType

String

否

done

鍵盤右下角提交文案，詳細(xì)配置見基礎(chǔ)組件 input

inputErrMsg

String

否

‘’

錯(cuò)誤提示信息，有值時(shí)左側(cè) label 會(huì)漂紅

smt-label

String

否

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

smt-code

String

否

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

bind:refreshimg

EventHandle

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

bind:input

EventHandle

input 輸入事件

bind:blur

EventHandle

input 失焦事件

bind:focus

EventHandle

input 聚焦事件

bind:confirm

EventHandle

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

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

• SWAN
• JS
• CSS
• JSON

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