설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • Kafka
    • 크로스도메인
    • 패스트캠퍼스
    • INVALID
    • Angular
    • page not found
    • flex
    • angular2
    • angular 콜백
    • MYSQL
    • jOOQ
    • angular4
    • jquery invalid
    • 404 error
    • docker
    • mongodb
    • Redis
    • CORS
    • angular callback
    • RESTful

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/JavaScript

    alert없이 데이터 검증하기(innerHTML)

    2012. 2. 20. 11:09

    <input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this,document.getElementById('phone_help'));"/>
    <span id="phone_help" class="help">여기 문자가 변경됩니다</span>
    //span대신 div사용가능

    function validateNonEmpty(inputField, helpText){
    //입력값에 택스트가 포함되어있는지 먼저 체크한다.
    if(inputField.value.length==0){
    if(helpText != null)    //데이터에 문제가 있으면 도움말메세지를 설정
    helpText.innerHTML = "Please enter a value.";//메세지
    return false;
    }
    }else{
    //데이터가 이상없으면 도움말 메세지를 지움
    if(helpText != null)
    helpText.innerHTML = "";
    return true;
    }
    }

    'Front-End > JavaScript' 카테고리의 다른 글

    앞,뒤 공백제거하기(trim)  (0) 2012.02.28
    AJAX request생성 & 기본 프로퍼티,메소드  (0) 2012.02.27
    정규식 & 수량한정자 & 패턴 정량화  (0) 2012.02.20
    기초  (0) 2012.02.20
    쿠키  (0) 2012.02.20
      'Front-End/JavaScript' 카테고리의 다른 글
      • AJAX request생성 & 기본 프로퍼티,메소드
      • 정규식 & 수량한정자 & 패턴 정량화
      • 기초
      • 쿠키
      설 연수
      설 연수

      티스토리툴바