728x90 반응형 Developer/Javascript & jQuery104 [jQuery] 글자수제한 # 1 2 3 4 5 6 7 8 9 0자 /200자 Colored by Color Scripter cs # 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $('#textBox').keyup(function (e) { let content = $(this).val(); // 글자수 세기 if (content.length == 0 || content == '') { $('.textCount').text('0자'); } else { $('.textCount').text(content.length + '자'); } // 글자수 제한 if (content.length > 200) { // 200자 부터는 타이핑 되지 않도록 $(this).val($(this).val().su.. 2017. 1. 11. [Javascript] jquery의 .val()처럼 출처https://opentutorials.org/module/1597/9781 3.8) HTML 문서의 요소 다루기3.5절의 예제를 테스트해보았다면 이미 느꼈겠지만, 경고 창이 여러 개 뜨는 데 이게 성가신 일이 아닐 수 없다. 여기서는 이 문제를 개선해보자.HTML은 요소로 이루어진 문서라고 설명한 바 있다. HTML의 유용한 요소로 textarea 요소가 있다. 다음은textarea 요소를 HTML 문서에 추가한 코드다.textarea.htmhello, world!실행 결과 textarea 요소는 이름 그대로 텍스트를 입력하는 공간이다. 태그 사이에 “hello, world!” 문자열을 입력했더니 요소 안에 내용이 들어갔다. 앞으로 우리가 출력을 확인할 때는 바로 이 textarea 요소의 내용에 .. 2017. 1. 10. [Javascript] Checkbox로 Selectbox제어 개씨발체크박스 @1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" trimDirectiveWhitespaces="true"%> !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>head> meta http-equiv="Content-Type" content="text/html; charset=.. 2017. 1. 7. [Javascript] disabled속성으로 비활성화 정말 욕나온다. 씨발진짜google에서도 찾기 힘든데, 다음에서 겨우 찾음.출처http://blog.daum.net/janustop/172 [사담]개인적으로 html/javascript/jap를 공부하다가..."화면의 HTML요소를 비활성화시켜보자"라는 생각이 떠올랐습니다.적당한 포스트를 만들려고 보니.....이녀석이 포함될 카테고리가 HTML인지.. javaScript인지.. 결정을 하지 못했습니다.일단 예제를 만들고 보니..HTML부분은 단순하고.. javascript부분이 비중이 조금 높은듯 하여...이곳에 올립니다. 예제는 다음과 같습니다.2*2테이블을 만들었습니다.첫번째 열에는 '처음부터 비활성화된 버튼"을 배치했습니다.두번째 열에는 "버튼을 클릭했을때 비활성화된 버튼"을 배치했습니다. 그림으로.. 2017. 1. 7. [jQuery] java에서 받은 값을 스크립트에서 준비 $(document).ready(function(){var data = "${data.actionPassed}"; //컨트롤러에서 받음var readyStatus = "${param.status}"; }) 변환 window.onload = function () {var data = actionPassed.value;var readyStatus = status.value;f_change(readyRegYn);} 2017. 1. 7. 이전 1 ··· 16 17 18 19 20 21 다음 728x90 반응형