<Javascript> 9. Event, 정규표현식
by BFine반응형
1. Event
onkeypress() 키 누르는 동안
onkeyup, down() 마우스 뗄때 누를때
< 글자수 제한 >
1 2 3 4 5 6 7 8 9 10 11 12 | <script> function check(){ var count = document.getElementById("text").value; document.getElementById("max").innerHTML =100-count.length; } </script> </head> <body> <h1 id="max">100</h1> <textarea id="text" cols="50" rows="10" onkeyup="check()"></textarea> </body> | cs |
실행
100
2. 정규표현식
var p = "/[0-9]+/"; 자바스크립트 ( html5 모든 브라우저가 지원하지 않기 때문에 사용)
<input pattern="[0-9]+" /> html5
^ : 시작, $ : 종료 지정
[ abc ] a 또는 b 또는 c (== [ a-c ]) - : 범위표현
[ abc ](1) -> 1글자만, [ abc ](1,5) -> 최소 1 최대 5글자까지 가능 , [ abc ](1,) -> 최소 1번 (=[ abc ]+ ) +는 최소 한번 이상
[ abc ]* 0번이상(써도 되고 안써도 되고)
. : 아무거나 , \w ->모든문자, \d->모든숫자, \s ->공백
예
^[0-9]+a b c $ -> 0abc 111abc 33414124abc , ^[0-9]+ (a|b|c)$ -> 0a 1212ab 12513abc
이메일 : ^[\w]{1,8}@[A-Za-z]+\.[co\.kr | com | net ]
URL : ^https
반응형
'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글
| <jQuery> 5. Event object (0) | 2018.04.11 |
|---|---|
| <jQuery> 4. Selector, Event (0) | 2018.04.10 |
| <javascript> 8.DOM, BOM (0) | 2018.04.06 |
| <javascript> 7. Number, String (0) | 2018.04.05 |
| <javascript> 6. Date, InnerHTML (0) | 2018.04.04 |
블로그의 정보
57개월 BackEnd
BFine