맛동산

getElementsByName, 폼 안의 값 경우 본문

Web/JavaScript

getElementsByName, 폼 안의 값 경우

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

 
<!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>




항상 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
Comments