Element: ์–‘์‹ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ๋‹จ์ผ ํ•„๋“œ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ

์— ๋งŒ๋“  2016๋…„ 12์›” 09์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ElemeFE/element

ElementUI ๋ฒ„์ „


1.0.2

OS/๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „

๋งฅOS/ํฌ๋กฌ 54

๋ทฐ ๋ฒ„์ „


2.1.3

์žฌ์ƒ์‚ฐ ๋งํฌ




https://jsfiddle.net/x4storm/d5dofm9c/

์žฌํ˜„ ๋‹จ๊ณ„

๋ชจ๋‘ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ, ๋‹จ์ผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ๋ฐ ๋‹จ์ผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ๋น„๋™๊ธฐ์‹์œผ๋กœ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ๊ฒฐ๊ณผ API ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๊ท ์ผํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
validate(cb) cb๋Š” ํ™•์ธ ํ†ต๊ณผ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๋ถ€์šธ ๊ฐ’์„ ํ—ˆ์šฉํ•˜๋ฉฐ ํ†ต๊ณผํ•˜๋ฉด true์ž…๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  validateField(prop, cb) cb์—์„œ ํ—ˆ์šฉํ•˜๋Š” ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” ๋‹ค์‹œ nodejs ์Šคํƒ€์ผ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฒ€์ฆ์— ํ†ต๊ณผํ•˜๋ฉด null์ด๊ณ , ๊ฒ€์ฆ์— ์‹คํŒจํ•˜๋ฉด ๋น„๋™๊ธฐ๋Š” ์ฝœ๋ฐฑ์—์„œ ์ „๋‹ฌ๋œ ๋‚ด์šฉ์ด๊ณ , ๋™๊ธฐํ™”๋Š” ๊ฒ€์ฆ๋œ ํ•„๋“œ ์ •๋ณด์ž…๋‹ˆ๋‹ค.

์ „๋‹ฌ๋œ ๊ฐ’์ด null ๋ผ๋ฉด ํ†ต๊ณผํ•  ๊ฒƒ์ด๊ณ , ์ด๋Š” ํ•„์ž ์Šค์Šค๋กœ ๊ด€์ฐฐํ•œ ๊ฒฐ๋ก ์ธ๋ฐ, ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์›๋ž˜ ์ด๋Ÿฐ ์‹์œผ๋กœ ์„ค์ •๋˜์—ˆ๋Š”์ง€๋Š” ๋ชจ๋ฅด๋ฏ€๋กœ ๊ถ๊ธˆ์ฆ์„ ํ’€์–ด์•ผ ํ•œ๋‹ค.

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

์‹ค๋ก€ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋‘ API ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” ํ†ตํ•ฉ๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์›๋ž˜ ๋””์ž์ธ์— ์†ํ•ฉ๋‹ˆ๊นŒ?
๊ทธ๋ ‡๋‹ค๋ฉด ์˜คํ•ด์™€ ํ•จ์ •์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด ๋ฌธ์„œ์— ๋ช…ํ™•ํ•˜๊ฒŒ ๋ช…์‹œํ•˜์‹ญ์‹œ์˜ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@baiyaaaaa ๊ธ€์Ž„, ๋‹จ์ผ ํ•„๋“œ์˜ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ๊ฐ•ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ƒํ™ฉ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
์ธ์ฆ๋ฒˆํ˜ธ๋ฅผ ๋ฐ›๊ธฐ ์œ„ํ•ด์„œ๋Š” ํœด๋Œ€ํฐ ๋ฒˆํ˜ธ ์ž…๋ ฅ๋ž€์„ ์ธ์ฆํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

๋™๊ธฐ ์ฝœ๋ฐฑ ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ๋น„๋™๊ธฐ ์ฝœ๋ฐฑ ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ํ†ต์ผ๋˜์ง€ ์•Š์€ ๊ฒƒ์ด ์‚ฌ์‹ค ๋ฌธ์ œ์ด๋ฉฐ, ์ฐจ๊ธฐ ๋ฒ„์ „์—์„œ ์ˆ˜์ •๋  ์˜ˆ์ •์ด๋‹ค. ์ „์ฒด ํผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ์˜ ์ฝœ๋ฐฑ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ Boolean ๊ฐ’์œผ๋กœ ํ‘œํ˜„ํ•˜๋Š” ๊ฒƒ์ด ๋””์ž์ธ์— ์žˆ์œผ๋ฉฐ, ์ผ๋ฐ˜์ ์œผ๋กœ ์ „์ฒด ํผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ์‚ฌ์šฉ์ž๋Š” ์ตœ์ข… ๊ฒฐ๊ณผ์—๋งŒ ๊ด€์‹ฌ์ด ์žˆ๋‹ค๊ณ  ๋ฏฟ์–ด์ง‘๋‹ˆ๋‹ค.

@baiyaaaaa ๊ธ€์Ž„, ๋‹จ์ผ ํ•„๋“œ์˜ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ๊ฐ•ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ƒํ™ฉ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
์ธ์ฆ๋ฒˆํ˜ธ๋ฅผ ๋ฐ›๊ธฐ ์œ„ํ•ด์„œ๋Š” ํœด๋Œ€ํฐ ๋ฒˆํ˜ธ ์ž…๋ ฅ๋ž€์„ ์ธ์ฆํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

validateField๋Š” ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ†ต๊ณผ ์—ฌ๋ถ€๋ฅผ ์–ด๋–ป๊ฒŒ ํŒ๋‹จํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ? ์ฝœ๋ฐฑ ๋ฉ”์†Œ๋“œ ๋“ฑ๋ก ์ธ์ฆ ์„ฑ๊ณต์‹œ ์ฝœ๋ฐฑ ๋ฉ”์†Œ๋“œ ํ˜ธ์ถœ ์•ˆ๋˜๋Š”๋ฐ ์ด ๋ฌธ์ œ๋Š” ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜๋‚˜์š”?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰