Notice
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- pep8
- word
- js
- 인증서
- Callback
- wsgi란
- https
- gunicorn
- wsgi
- 만료
- letsencrypt
- padding
- javascript
- toolkit
- 2010 micro office
- Margin
- 갱신
- instance method
- 제품 키
- div
- jquery
- Micro
- uwsgi
- 해제
- microsoft office 2010 정품인증
- Python
- jjquery
- class method
- border
- disabled
- Today
- 52
- Total
- 125,231
jadehan
Javascript, jQuery를 이용해 button에 disable 속성 해제, 적용 본문
Javascript를 이용하여 disabled 속성을 추가, 삭제하기
회원가입을 할때 중복아이디를 입력할 경우 button 클릭을 하기전에 ajax를 이용하여 미리 중복검사를 한 뒤
중복인지 아닌지를 확인 해주는 코드를 작성하고 싶었습니다.
그리고 유저 생성 버튼을 disabled
속성으로 막아 회원가입을 못하도록 설계하려 했습니다.
<input type="submit" id="button_joinus" value="가입하기" disabled="">
<위와 같은 버튼이 있다고 가정해보자>
javascript에서 disabled
라는 함수를 사용할 수 있습니다.
<script>
var button_joinus = document.getElementById('button');
#button_joinus 변수를 이용해서 html의 버튼을 선언합니다.
button_joinus.disabled = true;
</script>
참고로 jQuery
를 이용하면 attr
함수를 이용하여 해결 할 수 있습니다.
$button_joinus = $('.button_joinus').attr('disabled', true);
$button_joinus = $('.button_joinus').attr('disabled', false);
'IT > Front-end' 카테고리의 다른 글
Javascript, jQuery를 이용해 button에 disable 속성 해제, 적용 (0) | 2016.10.31 |
---|---|
for 문으로 받은 button을 js에서 기능구현하기 (0) | 2016.08.18 |
border, padding ,margin의 개념 정의 (0) | 2016.03.01 |
0 Comments