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);
}
'프로젝트 > project' 카테고리의 다른 글
[IntelliJ]서버 재시작 없이 정적리소스 반영 (0) | 2022.09.06 |
---|---|
[spring]sweetalert으로 Alert 구현 (0) | 2022.09.01 |
[spring]chart.js 그래프 구현 (0) | 2022.09.01 |
[JSP]네이버 지도 API (0) | 2022.08.30 |
[JSP] 인스타 좋아요 기능 구현 (0) | 2022.08.29 |