validation
-
파라미터와 validation validation은 화면에서 넘어온 데이터가 원하는 형식에 적합한가를 나타내는 것으로 앞서 살펴본 formatting과는 다르다. 포메팅이 원본 데이터를 가독성 좋은 문자열로 보이도록 처리하거나 그 문자를 다시 원본 데이터로 형 변환하기 위한 과정이라면 validation은 원하는 형태로 작성되었는가만 본다. 예를 들어 비밀번호의 복잡성이나 필수 입력 항목의 작성 여부, 값의 범위등을 확인하는 것이 validation이다. 클라이언트 단에서의 validation vs 서버 단에서의 validation 일반적으로 validation은 클라이언트 단에서 java script를 이용해서 처리하는 것으로 오해하기 쉽다. 하지만 일단 javascript를 통과한 패킷을 해커가 조작..
07. 파라미터와 validation파라미터와 validation validation은 화면에서 넘어온 데이터가 원하는 형식에 적합한가를 나타내는 것으로 앞서 살펴본 formatting과는 다르다. 포메팅이 원본 데이터를 가독성 좋은 문자열로 보이도록 처리하거나 그 문자를 다시 원본 데이터로 형 변환하기 위한 과정이라면 validation은 원하는 형태로 작성되었는가만 본다. 예를 들어 비밀번호의 복잡성이나 필수 입력 항목의 작성 여부, 값의 범위등을 확인하는 것이 validation이다. 클라이언트 단에서의 validation vs 서버 단에서의 validation 일반적으로 validation은 클라이언트 단에서 java script를 이용해서 처리하는 것으로 오해하기 쉽다. 하지만 일단 javascript를 통과한 패킷을 해커가 조작..
2020.07.08 -
앞 포스트에서 validation plugin의 기본 사용법에 대해 알아보았다. 이번 포스트에서는 validation plugin 을 사용하면서 필요한 customization에 대해 살펴보자. 1. 사용자 정의 메서드의 추가 앞서 validation plugin이 다양한 validation 체크 메서드를 제공한다고 소개한바 있다. 하지만 우리는 여전히 배고프다.(적절한가? ㅠㅠ) 다행히 validate plugin은 addMethod를 이용해서 사용자 정의 메서드를 등록할 수 있게 해준다. https://jqueryvalidation.org/jQuery.validator.addMethod/ jQuery.validator.addMethod() | jQuery Validation Plugin Descrip..
jQuery validation plugin을 이용한 form validation 처리 3앞 포스트에서 validation plugin의 기본 사용법에 대해 알아보았다. 이번 포스트에서는 validation plugin 을 사용하면서 필요한 customization에 대해 살펴보자. 1. 사용자 정의 메서드의 추가 앞서 validation plugin이 다양한 validation 체크 메서드를 제공한다고 소개한바 있다. 하지만 우리는 여전히 배고프다.(적절한가? ㅠㅠ) 다행히 validate plugin은 addMethod를 이용해서 사용자 정의 메서드를 등록할 수 있게 해준다. https://jqueryvalidation.org/jQuery.validator.addMethod/ jQuery.validator.addMethod() | jQuery Validation Plugin Descrip..
2020.05.12 -
1. 플러그인 설치 일반적인 javascript 라이브러리와 마찬가지로 이 플러그인 역시 다운로드해서 설치하거나 cdn 방식으로 설치할 수 있다. 특별한 이유가 아니라면 CDN 방식의 사용을 권장한다. 이 플러그인은 jQuery 기반이기 때문에 당연히 jQuery가 먼저 삽입되어야 한다. 2. 기본 함수 사용법 다음 폼에 대한 validation을 처리해보면서 사용법을 익혀보자. 사용자 정의 Validation 처리 이름 * 이메일 * 가장 핵심적인 함수는 validate 라는 함수이다. 이 함수는 jQuery를 통해 폼 요소에 추가된다. 따라서 기본 사용법은 아래와 같다. $("#myform").validate({}); 이 함수는 form에서 submit 이벤트가 발생할 때 자동적으로 호출되기 때문에 ..
jQuery validation plugin을 이용한 form validation 처리 21. 플러그인 설치 일반적인 javascript 라이브러리와 마찬가지로 이 플러그인 역시 다운로드해서 설치하거나 cdn 방식으로 설치할 수 있다. 특별한 이유가 아니라면 CDN 방식의 사용을 권장한다. 이 플러그인은 jQuery 기반이기 때문에 당연히 jQuery가 먼저 삽입되어야 한다. 2. 기본 함수 사용법 다음 폼에 대한 validation을 처리해보면서 사용법을 익혀보자. 사용자 정의 Validation 처리 이름 * 이메일 * 가장 핵심적인 함수는 validate 라는 함수이다. 이 함수는 jQuery를 통해 폼 요소에 추가된다. 따라서 기본 사용법은 아래와 같다. $("#myform").validate({}); 이 함수는 form에서 submit 이벤트가 발생할 때 자동적으로 호출되기 때문에 ..
2020.05.12 -
1. 웹 클라이언트에서의 Validation 처리란? 웹 프로그래밍을 하는 과정에서 클라이언트로부터 무언가를 입력 받기 위해서는 form을 이용한다. 그런데 개발자의 입장에서는 "사용자가 이런 형태로 입력해야하는데.. "하는 값들이 있다. 예를 들어 이름은 필수 입력 항목이고, 2자 이상, 10자 이내여야 한다거나 이메일의 양식을 준수하거나 비밀번호는 영문, 숫자, 특수문자를 포함해서 8글자 이상 16글자 미만 등이다. 사용자가 개발자의 의도대로 값을 잘 넣었는지 확인하는 것을 validation 처리라고 한다. 일반적으로 validation 처리는 클라이언트 단에서 한번, 서버단에서 한번 실행하는 것이 좋다. 클라이언트 단에서 실행되는 validation 처리는 사용자가 값을 제대로 입력했는지 못했는지..
jQuery validation plugin을 이용한 form validation 처리 11. 웹 클라이언트에서의 Validation 처리란? 웹 프로그래밍을 하는 과정에서 클라이언트로부터 무언가를 입력 받기 위해서는 form을 이용한다. 그런데 개발자의 입장에서는 "사용자가 이런 형태로 입력해야하는데.. "하는 값들이 있다. 예를 들어 이름은 필수 입력 항목이고, 2자 이상, 10자 이내여야 한다거나 이메일의 양식을 준수하거나 비밀번호는 영문, 숫자, 특수문자를 포함해서 8글자 이상 16글자 미만 등이다. 사용자가 개발자의 의도대로 값을 잘 넣었는지 확인하는 것을 validation 처리라고 한다. 일반적으로 validation 처리는 클라이언트 단에서 한번, 서버단에서 한번 실행하는 것이 좋다. 클라이언트 단에서 실행되는 validation 처리는 사용자가 값을 제대로 입력했는지 못했는지..
2020.05.12