웹프로그래밍/javascript

form(text) 관련 자바스크립트

zelkova 2013. 8. 31. 15:13

<목차로 돌아가기>


사용방법

document.롬이름.text박스이름.속성

document.롬이름.text박스이름.메소드

 

 

속성 

메소드 

  defaultValue

  blur()

  value 속성과 동일하게 적용.

  초기의 value 속성에 설정된 문자열

  특정한 텍스트 입력 양식에 커서를 제거함

  type 

  focus()

  type 속성과 동일하게 적용

  특정한 텍스트 입력양식에 커서를 지정함

  name

  eval()

   name속성과 동일하게 적용 

  수식으로 되어잇는 문자열을 계산하여 실수로 바꿔줄
  value

  select()

  텍스트 입력 양식에서 입력한 문자열을 알아냄

  텍스트 입력 양식 안에 있는 문자열을 모두 선택함

 

사용해보기 

text.html

<html>
<head>
<title>form양식관련 자바스크립트 연습 </title>
<script language="javascript">
function test()
{
 var tlen=document.testform.age
 var str=document.testform.age.value
 var i,flag = true
 for(i=0;i<tlen;i++)
 {
  if((str.charAt(i)<"0") || (str.charAt(i) > "9"))
  { 
   alert("숫자만 입력해주세요")
   document.testform.age.value='';
   document.testform.age.focus();
   chick=false
   break
  }
 }
 return flag
}
function test2()
{
 if(document.testform.age.value=="")
 {
  alert("나이를 입력하여 주세요");
  document.testform.age.focus();
  return false
 }

 var str="나이= " +document.testform.age.value
 alert(str)
}
</script>
</head>
<body>
<form name="testform">
나이 <input type=text size=10 name=age onBlur="test()">
<input type=button value="꾸욱" onClick="test2()">
</body>
</html>


반응형

'웹프로그래밍 > javascript' 카테고리의 다른 글

Form(hidden)관련 javascript  (0) 2013.09.02
form(password)관련 자바스크립트  (0) 2013.08.31
입력양식(form)관련 자바스크립트  (0) 2013.08.31
JavaScript  (0) 2011.11.26
javascript - 이미지  (0) 2011.04.14