웹/Javascript
-
[JavaScript] 스크립트 내 readonly 사용2020.03.14
-
[Javascript] 대화상자(알림창, 확인창, 질문창)2020.02.27
-
[Javascript] 정규표현식2019.12.30
[JavaScript] 스크립트 내 readonly 사용
2020. 3. 14. 01:11
input, textarea 등의 속성을 스크립트를 이용해 바꿔줘야 할 경우가 발생한다.
JQuery를 이용해서 속성을 변경하면 그냥 readonly로 써서 적용이 가능하나
<script type="text/javascript">
$(function(){
$("#txt").attr("readonly",true); // readonly 처리
$("#txt").removeAttr("readonly"); // readonly 삭제
}
</script>
<body>
<input type="text" id="txt">
</body>
script로 사용할 경우
<script type="text/javascript">
document.getElementById("txt").readOnly=true; // readonly 처리
document.getElementById("txt").readOnly=false; // readonly 삭제
</script>
<body>
<input type="text" id="txt">
</body>
" readonly "가 아닌 " readOnly "와 같이 사용해줘야 한다.
'웹 > Javascript' 카테고리의 다른 글
[Javascript] 대화상자(알림창, 확인창, 질문창) (0) | 2020.02.27 |
---|---|
[Javascript] 정규표현식 (0) | 2019.12.30 |
[Javascript] 대화상자(알림창, 확인창, 질문창)
2020. 2. 27. 22:48
/* 알림창 */
alert("알림!");
/* 확인창 */
confirm("확인!");
/* 질문창 */
prompt("질문!");
'웹 > Javascript' 카테고리의 다른 글
[JavaScript] 스크립트 내 readonly 사용 (0) | 2020.03.14 |
---|---|
[Javascript] 정규표현식 (0) | 2019.12.30 |
[Javascript] 정규표현식
2019. 12. 30. 06:36
//모든 공백 체크 정규식
var empJ = /\s/g;
//아이디 정규식
var idJ = /^[a-z0-9]{4,12}$/;
// 비밀번호 정규식
var pwJ = /^[A-Za-z0-9]{4,12}$/;
// 이름 정규식
var nameJ = /^[가-힣]{2,6}$/;
// 이메일 검사 정규식
var mailJ = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
// 휴대폰 번호 정규식
var phoneJ = /^01([0|1|6|7|8|9]?)?([0-9]{3,4})?([0-9]{4})$/;
아이디 - a~z, 0~9를 가지는 4~12자리 아이디를 생성할 수 있다
비밀번호 - A~Z, a~z, 0~9를 가지는 4~12자리 비밀번호를 생성할 수 있다.
이름 - 가~힣 한글로 이루어진 문자만으로 2~6자리 이름을 생성할 수 있다.
이메일 - 특수문자 사용가능하며 중앙에 @ 필수이고 . 뒤에 2~3글자가 필요한 이메일을 생성할 수 있다.
휴대폰 - 0~9를 가지며, '-'를 생략하고 01? 으로 시작해서 중간 3~4자, 뒤 4자로 이루어진 휴대폰번호를 생성할 수 있다.
'웹 > Javascript' 카테고리의 다른 글
[JavaScript] 스크립트 내 readonly 사용 (0) | 2020.03.14 |
---|---|
[Javascript] 대화상자(알림창, 확인창, 질문창) (0) | 2020.02.27 |