맛동산

getElementsByName, 폼 안의 값 경우 본문

Web/JavaScript

getElementsByName, 폼 안의 값 경우

오지고지리고알파고포켓몬고 2016. 11. 9. 10:31 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
·¬
<!DOCTYPE·html·PUBLIC·"-//W3C//DTD·HTML·4.01·Transitional//EN"·"http://www.w3.org/TR/html4/loose.dtd">¬
¬
<head>¬
<meta·http-equiv="Content-Type"·content="text/html;·charset=UTF-8">¬
<title>인라인·방식의·자바스크립트·예</title>¬
<script·type="text/javascript">¬
————//자바스크립터·영역¬
————function·data_check(){//[전송]·클릭·시·호출¬
————————//alert(document.getElementsByName('pwd')[0].value);·//폼은·그냥접근¬
————————if(document.frm.id.value==""){//id가·공백인·경우(true)¬
————————————alert('아이디를·입력하세요.');//알림창¬
————————————document.frm.id.focus();//id로·커서이동¬
————————————return·false;//다음·태그·동작을·차단시킴¬
————————}¬
————————if(document.frm.pwd.value==""){¬
————————————alert('패스워드를·입력하세요.');¬
————————————document.frm.pwd.focus();¬
————————————return·false;¬
————————}¬
————};¬
————¬
</script>¬
</head>¬
¬
<!--·<input·type='text'·name='pwd'/>·-->¬
————<form·name='frm'·method='post'·action="http://www.naver.com">¬
————————<p>아이디·:·<input·type='text'·name='id'·size='15'·/>·</p>¬
————————<p>암·호·:·<input·type='password'·name='pwd'·size='15'·/>·</p>¬
————————<p>¬
————————————<input·type='button'·value='전송'·onclick='return·data_check()'/>··¬
————————————<input·type="reset"·value='추소'/>¬
————————</p>¬
————</form>¬
¬
¬
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX



항상 id를 통해서 값을 가져와서 기억이 안나는 관계로 name으로 가져오는 방법을 기록

(예제는 유효성 검사 폼으로 작성함)


form안이든 밖이든 document.getElementsByName()으로 참조


동일 name의 태그가 폼 밖, 폼 안에 있으면 가장 가까운 것 부터 참조하는듯


name으로 가져오면 복수의 값(배열 값)을 가져올 수 있음. 그래서 Name()[0].value와 같은 방식으로 가져옴


form의 submit은 id가 아니라 name이 있는 값만 전송하기 때문에 적절히 설계해야 할듯

저작자표시 비영리 변경금지

'Web > JavaScript' 카테고리의 다른 글

radio get value  (0) 2017.06.02
jquery 기초  (0) 2016.11.16
자바스크립트 객체생성  (0) 2016.11.14
자바스크립트 가인수(arguments)처리  (0) 2016.11.10
자바스크립트 배열(선언, 추가, 제거)  (0) 2016.11.10
공유하기 링크
'Web/JavaScript' Related Articles more
Comments