본문으로 바로가기

[spring] 문의하기 구현

category 프로젝트/project 2022. 9. 1. 23:19

 

1. 정보 미 입력시 제출하기 불가

 $(document).ready(function (){
      $('#submitBtn').click(function () {
          theForm = document.frm;
          if(theForm.user_id.value=="" || theForm.faq_phone.value == "" || theForm.faq_pass.value == "" || 
                theForm.faq_email.value == "" || theForm.faq_subject.value == ""|| theForm.faq_content.value == ""){
             alert("필수 입력란이 비어 있습니다. 확인해주세요.");
          } else {
             var yn = $("input:checkbox[id=inChk]").is(":checked");
            if(yn){
               if(!isEmail($('#email').val())){
                  alert("이메일 형식이 올바르지 않습니다.");
               } else {
                  $("form").submit();
               }               
            } else {
               alert("이용동의해주셔야 등록이 가능합니다.");
            }
          }
      })   
   });

 

 

2. 비밀번호는 숫자만 입력가능

   function inNumber() {
      if(event.keyCode<= 48 || event.keyCode > 57){
         event.returnValue= false;
      }
   }

 

 

3. 연락처는 3, 4, 4 자리 마다 - 가 입력되도록

 //핸드폰 번호 입력
   $('#telInput').keyup(function (event) {
        event = event || window.event;
        var _val = this.value.trim();
        this.value = autoHypenTel(_val);
      });
   
   function autoHypenTel(str) {
        str = str.replace(/[^0-9]/g, '');
        var tmp = '';

        if (str.substring(0, 2) == 02) {
          // 서울 전화번호일 경우 10자리까지만 나타나고 그 이상의 자리수는 자동삭제
          if (str.length < 3) {
            return str;
          } else if (str.length < 6) {
            tmp += str.substr(0, 2);
            tmp += '-';
            tmp += str.substr(2);
            return tmp;
          } else if (str.length < 10) {
            tmp += str.substr(0, 2);
            tmp += '-';
            tmp += str.substr(2, 3);
            tmp += '-';
            tmp += str.substr(5);
            return tmp;
          } else {
            tmp += str.substr(0, 2);
            tmp += '-';
            tmp += str.substr(2, 4);
            tmp += '-';
            tmp += str.substr(6, 4);
            return tmp;
          }
        } else {
          // 핸드폰 및 다른 지역 전화번호 일 경우
          if (str.length < 4) {
            return str;
          } else if (str.length < 7) {
            tmp += str.substr(0, 3);
            tmp += '-';
            tmp += str.substr(3);
            return tmp;
          } else if (str.length < 11) {
            tmp += str.substr(0, 3);
            tmp += '-';
            tmp += str.substr(3, 3);
            tmp += '-';
            tmp += str.substr(6);
            return tmp;
          } else {
            tmp += str.substr(0, 3);
            tmp += '-';
            tmp += str.substr(3, 4);
            tmp += '-';
            tmp += str.substr(7);
            return tmp;
          }
        }

        return str;
      }

 

4. email 정규표현식

   function isEmail(asValue) {
      var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
      
      return regExp.test(asValue);
   }