[HTML] input에 IP 포맷 검증하기 / MAC 검증하기 / IP vaildation / MAC vaildation

 

---

---

Input으로 받은 값 IP 와 MAC 형식에 맞는지 검증하기

 

Input에 IP주소  혹은  MAC 주소를 받고싶은데

사용자가 잘못된 값을 입력한 것을 확인 혹은 다른 값을 입력하지 못하도록 하는 방법이다.

 

위 파일을 받아서 넣어주자.

---

IPMAC-validation.js

0.00MB

---

 

JS 넣는방법 / JS 함수 적용 

form 이 들어가있는 html문서 : <addIP.html>

<button> 혹은 <input> 의 onclick 속성에 함수 넣어주고

<script> 부분에 파일명 넣어준다.

 

 

JS 파일 분석 / 이용법

위 파일을 불러온 후 확인해보면

 

<IPMAC-validation.js 파일>

var ipformat 과 var macformat은 각각 ip와 mac 형식이 맞는지 확인해주는 정규표현식이다.

match 함수를 통해서 이 표현식에 맞는지 확인이 가능하다.

 

IP.value.match(ipformat) -> IP(함수에서 받는값) 가 ipformat 형식에 맞다면 true 반환.

따라서 ! 를 통해 형식에 맞지않으면 다시 form으로 return한다.

(참고로 formName.IP_ADDR 의 IP_ADDR 은 form에서의 IP주소를 받는 input 태그의 name이다.)

마찬가지로 MAC도 확인을 해준다.

 

모든 if 문을 돌지 않았으면 이는 IP 주소와 MAC 값이 모두 올바른 것이므로 

submit()을 통해 form을 submit해준다.

 

---

 

IP주소나 MAC주소 한가지만 검증하고 싶다면?

 

-  위 함수 매개변수를 IP나 MAC 하나로만으로 수정하고 if문을 한개만 넣어준다.

( + html의 onclick부분도 알맞게 설정해준다.)

 

 

 

 

 

 

* 출처 및 참고 : https://www.w3resource.com/javascript/form/ip-address-validation.php

https://stackoverflow.com/questions/12010552/jquery-javascript-mac-address-validation)