'Develop > Java' 카테고리의 다른 글
Java RSA 간단한 비대칭키 암호 서명 검증 테스트 (0) | 2019.08.14 |
---|---|
tomcat7 구동 스크립트 업데이트 버전 (0) | 2018.03.11 |
자주 사용하는 이클립스(eclipse) 단축키 (0) | 2018.03.07 |
[JS] 입력창에 특정키, 숫자만 입력받기(실시간) (0) | 2018.03.06 |
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
Java RSA 간단한 비대칭키 암호 서명 검증 테스트 (0) | 2019.08.14 |
---|---|
tomcat7 구동 스크립트 업데이트 버전 (0) | 2018.03.11 |
자주 사용하는 이클립스(eclipse) 단축키 (0) | 2018.03.07 |
[JS] 입력창에 특정키, 숫자만 입력받기(실시간) (0) | 2018.03.06 |
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
자주 사용하는 이클립스(eclipse) 단축키
개발툴에서는 단축키 사용이 필수인데, 여러가지를 쓰다보면 가끔 기억이 나지 않을 때가 종종 있습니다. 주로 많이 쓰는 이클립스 단축키들을 정리해봤습니다.
+ 일반적인 기능 단축키
tomcat7 구동 스크립트 업데이트 버전 (0) | 2018.03.11 |
---|---|
tomcat을 root말고 다른 계정으로 운영하기 (0) | 2018.03.10 |
[JS] 입력창에 특정키, 숫자만 입력받기(실시간) (0) | 2018.03.06 |
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
[JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
입력창에 실시간으로 숫자키만 입력 받도록 하고, 출력하는 기능예제입니다.
보통은 onsubmit 이나 onchange에서 처리해도 되지만, 키 타이핑시 마다 즉시 체크하도록 하여 아예 입력이 안 되도록 합니다.
검사 루틴만 변경하면 원하는 key typing만 받도록 처리할 수 있습니다.
<input id="myinput" onkeypress="javascript:return myFunction(event);" onkeyup="myFunction2();">
</input>
only numbers...
<p id="demo"></p>
<script>
function myFunction(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function myFunction2() {
var x = document.getElementById("myinput").value;
document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
tomcat을 root말고 다른 계정으로 운영하기 (0) | 2018.03.10 |
---|---|
자주 사용하는 이클립스(eclipse) 단축키 (0) | 2018.03.07 |
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
[JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
[JS] 입력값 실시간 검증 (0) | 2018.03.06 |
링크 태그인 a를 보면 기본적으로 밑줄이 있고, 방문했던 링크는 색깔도 변한다.
보기에 안 좋을 수 있다.
css를 추가하여 간단하게 깔끔하게 원하는대로 변경할 수 있다.
예)
a:link { color:#0000ff; text-decoration: none;}
a:visited { color:#0000ff; text-decoration: none;}
a:hover { color:#cc0000; text-decoration: none;}
a:active { color:#ff0000; text-decoration: none;}
자주 사용하는 이클립스(eclipse) 단축키 (0) | 2018.03.07 |
---|---|
[JS] 입력창에 특정키, 숫자만 입력받기(실시간) (0) | 2018.03.06 |
[JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
[JS] 입력값 실시간 검증 (0) | 2018.03.06 |
[JS] 폼 입력값 검증 (0) | 2018.03.06 |
frame을 나누어 메뉴페이지와 내용 페이지들을 분리하여 구성하고 있는데, 외부에서 직접 내용 페이지 URL로 접근할때 메뉴 페이지나 상단 타이틀 페이지 등 다른 페이지들이 출력되지 않는 문제가 있다.
frame 내부 페이지 직접 접근시 최상위 페이지로 이동하게 만드는 기능.
서브페이지 코드에 이동할 최상위 페이지를 지정해 둔다. 메뉴 선택을 바로 들어갈 수 있도록 파라미터로 이동 메뉴를 준다.
<script>
// 프레임 페이지 직접 접근 차단. 메인 페이지로 이동
self.onload = function init() {
if ( self==top ) {
self.location = "/?menu=hash" ;
}
}
</script>
[JS] 입력창에 특정키, 숫자만 입력받기(실시간) (0) | 2018.03.06 |
---|---|
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
[JS] 입력값 실시간 검증 (0) | 2018.03.06 |
[JS] 폼 입력값 검증 (0) | 2018.03.06 |
여러가지 이클립스 에러 해결 (0) | 2018.03.06 |
자바스크립트에서 입력필드값을 타이핑시마다 검증하는 방법이다.
예) textarea의 최대 글자수 체크하여 넘지 못하도록 하기.
이것은 간단하게 속성으로 설정할 수 도 있지만, 여기서는 예제로 해 본 것이다.
검사 부분을 원하는 입력값 형식체크로 변경하여 사용할 수 있다.
<html>
<head>
<script language="javascript">
function checkLength(obj) {
var maxlen = 10;
if(obj.value.length > maxlen) {
obj.value = obj.value.substring(0,maxlen);
}
}
</script>
</head>
<body>
<form name="form">
<textarea name="content" cols="20" rows="5" onKeyUp="checkLength(this);"></textarea>
<textarea name="content2" maxlength="10"></textarea>
</form>
<body>
</html>
[CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
---|---|
[JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
[JS] 폼 입력값 검증 (0) | 2018.03.06 |
여러가지 이클립스 에러 해결 (0) | 2018.03.06 |
tomcat 부팅시 자동 구동 스크립트 (0) | 2018.03.06 |
자바스크립트에서 폼 데이터를 전송시에 입력값 검증을 하는 방법이다.
보통 폼 데이터를 submit(전송, 확인 버튼)을 할 때, 검증을 수행하게 한다.
<form action="aaa.html" method="POST" onsubmit="return formChk();">
<input id='aname' type="text" name="aname">
위와 같이 form에 onsubmit 이벤트에 검사 할 함수를 추가한다.
return은 onsubmit의 리턴값으로 formChk()의 반환값을 그대로 사용하게 한다.
리턴값이 false이면 submit을 취소하게 된다.
<script>
function formChk() {
// to do : 입력값 검증
if ( $('#aname').val()=='' ) {
alert("input data!") ;
return false ;
}
return true;
}
위와 같이 입력값을 id로 찾을때는 jquery를 사용하여 변수에 접근하면 편리하다.
순수 js를 사용하려면 name으로 element를 찾아 접근하면 된다.
document.forms[0].aname.value
또는
document.getElementByName("aname").value
입력값 검증에서 입력값을 다시 받도록 할 때는 보통 포커스를 입력필드로 이동시킨다.
변수명이 길어지므로 간단하게 함수로 파라미터를 받아 처리하기도 한다.
function formCheck(frm) {
if ( frm.aname.value=="") {
alert("이름을 입력해주세요.") ;
frm.aname.focus() ;
return false ;
}
return true ;
}
<form name="myform" onsubmit="return formCheck(this);">
이렇게 사용한다.
+폼체크에서 많이 체크하는 루틴
var fVal = frm.aname.value;
수(integer) 범위 체크
if ( parseInt(fVal) < 8 || parseInt(fVal)>10 )
빈값 체크
if ( fVal=="" )
[JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
---|---|
[JS] 입력값 실시간 검증 (0) | 2018.03.06 |
여러가지 이클립스 에러 해결 (0) | 2018.03.06 |
tomcat 부팅시 자동 구동 스크립트 (0) | 2018.03.06 |
tomcat 프로세스 모니터링. 죽으면 다시 시작 (0) | 2018.03.06 |
[JS] 입력값 실시간 검증 (0) | 2018.03.06 |
---|---|
[JS] 폼 입력값 검증 (0) | 2018.03.06 |
tomcat 부팅시 자동 구동 스크립트 (0) | 2018.03.06 |
tomcat 프로세스 모니터링. 죽으면 다시 시작 (0) | 2018.03.06 |
CentOS, tomcat 타임존 문제 (2) | 2018.03.06 |
[JS] 폼 입력값 검증 (0) | 2018.03.06 |
---|---|
여러가지 이클립스 에러 해결 (0) | 2018.03.06 |
tomcat 프로세스 모니터링. 죽으면 다시 시작 (0) | 2018.03.06 |
CentOS, tomcat 타임존 문제 (2) | 2018.03.06 |
tomcat 외부라이브러리 경로 설정 및 톰캣 튜닝 (0) | 2018.03.06 |
여러가지 이클립스 에러 해결 (0) | 2018.03.06 |
---|---|
tomcat 부팅시 자동 구동 스크립트 (0) | 2018.03.06 |
CentOS, tomcat 타임존 문제 (2) | 2018.03.06 |
tomcat 외부라이브러리 경로 설정 및 톰캣 튜닝 (0) | 2018.03.06 |
jqGrid(2) row(줄) 색상 변경/값 변경 (0) | 2016.01.22 |