Skip to content

Commit 10d5e5d

Browse files
author
Edward Xiao
authored
Update README.md
1 parent 41646bc commit 10d5e5d

File tree

1 file changed

+13
-11
lines changed

1 file changed

+13
-11
lines changed

‎README.md‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -51,13 +51,13 @@ Tested on IE9+ and Chrome and Safari(10.0.3)
5151

5252
|Props | |Type |Description |Default |
5353
|--- |--- |--- |--- | --- |
54-
|tabIndex | Opt | Str | | -1 |
54+
|tabIndex | Opt | Str | Num | | -1 |
5555
|id | Opt | Str | | "" |
5656
|name | Opt | Str | | "" |
5757
|type | Opt | Str | | "text" |
5858
|value | Opt | Str | | "" |
5959
|disabled | Opt | Bool | | false |
60-
|maxLength | Opt | Str | | "" |
60+
|maxLength | Opt | Str | Num | | 524288 |
6161
|placeholder | Opt | Str | | "" |
6262
|**validate** |**Opt**|**Bool**|**If you have a submit button and trying to validate all the inputs of your form at once, toggle it to true, then it will validate the field and pass the result via the "validationCallback" you provide.**|**false** |
6363
|**validationCallback** |**Opt**|**Func**|**Return the validation result.**|**none** |
@@ -152,7 +152,7 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
152152

153153
|Props | |Type |Description |Default |
154154
|--- |--- |--- |--- | --- |
155-
|tabIndex | Opt | Str | | -1 |
155+
|tabIndex | Opt | Str | Num | | -1 |
156156
|**id** |**Req**|**Str**|**IMPORTANT if you have multiple Radiobox on the page, id is used to distinguish them for the label 'for' use**|**""** |
157157
|name | Opt | Str | | "" |
158158
|value | Opt | Str | | "" |
@@ -235,7 +235,7 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
235235

236236
|Props | |Type |Description |Default |
237237
|--- |--- |--- |--- | --- |
238-
|tabIndex | Opt | Str | | -1 |
238+
|tabIndex | Opt | Str | Num | | -1 |
239239
|id | Opt | Str | | "" |
240240
|name | Opt | Str | | "" |
241241
|value | Opt | Str | | "" |
@@ -250,7 +250,7 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
250250
|customStyleInputBox | Opt | Obj | | {} |
251251
|customStyleContainer | Opt | Obj | | {} |
252252
|**onBlur** |**Opt.**|**Func** |**In order to validate the value on blur, you MUST provide a function, even if it is an empty function. Missing this, the validation on blur will not work.** |**none** |
253-
|**onChange** |**Req.**|**Func** |**(val, e) => {}. Will return the value.**|**(val, e)=>{}** |
253+
|**onChange** |**Req.**|**Func** |**(isChecked, e) => {}. Will return the value.**|**(val, e)=>{}** |
254254
|onFocus |*Opt.* |Func | |none |
255255
|onClick |*Opt.* |Func | |none |
256256
|**labelHtml** |*Req.* |Html | |none |
@@ -288,8 +288,8 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
288288
onBlur={() => {}} //Optional.[Func].Default: none. In order to validate the value on blur, you MUST provide a function, even if it is an empty function. Missing this, the validation on blur will not work.
289289
// onFocus={(e) => {console.log(e)}} //Optional.[Func].Default: none.
290290
// onClick={(e) => {console.log(e)}} //Optional.[Func].Default: none.
291-
onChange={(agreement, e) => {
292-
this.setState({ agreement });
291+
onChange={(isAgreementChecked, e) => {
292+
this.setState({ isAgreementChecked });
293293
console.log(e);
294294
}} //Required.[Func].Default: () => {}. Will return the value.
295295
labelHtml={
@@ -316,7 +316,7 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
316316
317317
|Props | |Type |Description |Default |
318318
|--- |--- |--- |--- | --- |
319-
|tabIndex | Opt | Str | | -1 |
319+
|tabIndex | Opt | Str | Num | | -1 |
320320
|id | Opt | Str | | "" |
321321
|name | Opt | Str | | "" |
322322
|type | Opt | Str | | "text" |
@@ -335,8 +335,8 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
335335
|customStyleContainer | Opt | Obj | | {} |
336336
|customStyleOptionListContainer | Opt | Obj | | {} |
337337
|customStyleOptionListItem | Opt | Obj | | {} |
338+
|**onBlur** |**Opt.**|**Func** |**In order to validate the value on blur, you MUST provide a function, even if it is an empty function. Missing this, the validation on blur will not work.** |**none** |
338339
|**onChange** |**Req**|**Func**| |**(val, e) => {}**|
339-
|**onBlur** |**Opt**|**Func**| |**none** |
340340
|onFocus | Opt | Func | | none |
341341
|onClick | Opt | Func | | none |
342342
|**selectHtml** |**Opt**|**Html**|**The custom html that will display when user choose. Use it if you think the default html is ugly.**|**none** |
@@ -417,13 +417,15 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
417417
418418
|Props | |Type |Description |Default |
419419
|--- |--- |--- |--- | --- |
420-
|tabIndex | Opt | Str | | -1 |
420+
|tabIndex | Opt | Str | Num | | -1 |
421421
|id | Opt | Str | | "" |
422422
|name | Opt | Str | | "" |
423423
|type | Opt | Str | | "text" |
424424
|value | Opt | Str | | "" |
425425
|disabled | Opt | Bool | | false |
426-
|maxLength | Opt | Str | | "" |
426+
|maxLength | Opt | Str | Num | | 524288 |
427+
|rows | Opt | Str | Num | | 2 |
428+
|cols | Opt | Str | Num | | 2 |
427429
|placeholder | Opt | Str | | "" |
428430
|**validate** |**Opt**|**Bool**|**If you have a submit button and trying to validate all the inputs of your form at once, toggle it to true, then it will validate the field and pass the result via the "validationCallback" you provide.**|**false** |
429431
|**validationCallback** |**Opt**|**Func**|**Return the validation result.**|**none** |

0 commit comments

Comments
 (0)