웹 페이지에서 사용자 입력으로 작업 할 때 모든 입력을 확인하는 것이 중요합니다. 이는 사용자가 입력하는 것이 예상되는 데이터 유형인지 확인할 수 있도록 하기 위한 것입니다.
서버 측 유효성 검사 만 수행하는 경우 서버 측과 클라이언트 측 유효성 검사를 모두 수행하는 것이 중요합니다. 그러면 클라이언트 측에서 수행 할 수 있는 작업을 위해 서버에서 불필요한 작업을 수행하게 됩니다. 그러나 클라이언트 측에서만 유효성 검사를 수행하는 경우 Javascript를 끄면 이 유효성 검사를 무시할 수 있습니다.
그렇기 때문에 서버 측 및 클라이언트 측 유효성 검사를 모두 수행하는 것이 중요합니다. 그러나 문제는 이러한 언어가 다르고 기능이 다르기 때문에 Javascript에는 사용자 입력을 완전히 검증하는 데 필요한 몇 가지 기능이 누락되어 있다는 것입니다.
이 예제에서 숫자를 검증하는 클라이언트 측 validation을 확인합니다. 따라서 숫자에 대한 입력이 있으면 입력 된 이 데이터가 실제로 숫자인지 확인합니다.
JavaScript Validation
form에서 클라이언트 측 유효성 검사를 수행 할 때 JavaScript에는 is_numeric 기능이 없으므로 isNan만 있으면 유효성 검사에서 원하는 것을 얻을 수 없습니다. 따라서 JavaScript에서 도움이 될 수 있는 함수를 찾아 나섰습니다.
필요한 것을 수행한 원시 Javascript 함수가 없으므로 작업을 수행하기 위해 자체 함수를 만들어야한다는 것이 분명했습니다. 일부 포럼 및 블로그에서 몇 번 검색 한 후 is_numeric 함수에서 필요한 작업을 정확하게 수행하는 솔루션을 찾았습니다.
입력이 숫자인지 확인하고 10 진수 또는 음수인지는 중요하지 않습니다. 이 함수는 true를 반환합니다.
function IsNumeric(input)
{
return (input - 0) == input && input.length > 0;
}
'SW > JavaScript' 카테고리의 다른 글
Java Script : 임의의 16진수 색상을 만드는 방법 : 예제, 구현 (0) | 2020.06.24 |
---|---|
Java Script : 이메일 주소를 확인하는 정규식 : 예제, 구현 (0) | 2020.06.23 |
jQuery : iFrame이 jQuery 로드할 떄까지 기다리기 : 방법, 예제, 구현 (0) | 2020.06.21 |
jQuery :SlideUp, SlideDown을 되돌리는 방법, 예제, 구현 (0) | 2020.06.20 |
Java Script, jQuery : 비밀번호 표시 버튼을 만드는 방법 (0) | 2020.06.19 |