react-geetest-captcha
a react.js component for GEETEST
Table of Contents generated with DocToc
- Install
- Usage
- API
<RGCaptcha />
- RGCaptcha props
name: string
data: () => Promise<dataObject, any> | dataObject
width?: string | number
product?: 'popup' | 'float' | 'custom' | 'bind'
lang?: 'zh-cn'|'zh-hk'|'zh-tw'|'en'|'ja'|'ko'|'ru'|'ar'|'es'|'pt-pt'|'fr'|'de'
protocol?: 'http://' | 'https://'
area?: string
nextWidth?: string
bgColor?: string
timeout?: number
onReady?: () => any
onSuccess?: (result: resultObject) => any
onClose?: () => any
onError?: () => any
loadingComponent?: React.Component<{loading: boolean}>
loadingText?: string
- RGCaptcha props
appendTo: (name: string) => any
bindForm: (name: string, position: string) => any
getValidate: (name: string) => any
reset: (name: string) => any
verify: (name: string) => any
Install
npm install react-geetest-captcha
Usage
;; const CAPTCHA_NAME = 'demoCaptcha'; Component { superprops; thisstate = username: '' password: '' captcha: false geetestChallenge: '' geetestValidate: '' geetestSeccode: '' ; } { ; this; } { this; } { this; } { e; const username password captcha geetestChallenge geetestValidate geetestSeccode = thisstate; ifcaptcha ; } { const username password = thisstate; return <form onSubmit=thishandleSubmit onChange=thishandleFieldChange> <label> Username: <input name="username" value=username type="text" /> </label> <label> Password: <input name="password" value=password type="password" /> </label> <RGCaptcha name=CAPTCHA_NAME width="100%" onSuccess=thishandleSuccess data= ajax /> <button type="submit">Submit</button> </form> ; }
API
<RGCaptcha />
RGCaptcha props
name: string
data: () => Promise<dataObject, any> | dataObject
The "dataObject":
gt: string
challenge: string
success: number
new_captcha?: boolean
width?: string | number
product?: 'popup' | 'float' | 'custom' | 'bind'
lang?: 'zh-cn' | 'zh-hk' | 'zh-tw' | 'en' | 'ja' | 'ko' | 'ru' | 'ar' | 'es' | 'pt-pt' | 'fr' | 'de'
protocol?: 'http://' | 'https://'
area?: string
nextWidth?: string
bgColor?: string
timeout?: number
onReady?: () => any
onSuccess?: (result: resultObject) => any
The "resultObject":
resultObject = instance;// console.log(resultObject);// {// geetest_challenge: "1ef13c67010acf6c282756145def60faag",// geetest_validate: "2ea11528e5d96c06e4a14d9a1dfc5916",// geetest_seccode: "2ea11528e5d96c06e4a14d9a1dfc5916|jordan",// }
onClose?: () => any
onError?: () => any
loadingComponent?: React.Component<{loading: boolean}>
loadingText?: string
appendTo: (name: string) => any
a proxy method for GEETEST instance.appendTo method
bindForm: (name: string, position: string) => any
a proxy method for GEETEST instance.bindForm method
getValidate: (name: string) => any
a proxy method for GEETEST instance.getValidate method
reset: (name: string) => any
a proxy method for GEETEST instance.reset method
verify: (name: string) => any
a proxy method for GEETEST instance.verify method