상담신청 폼 문의드립니다..ㅠ 채택완료
이엠아이디
11개월 전
조회 1,091
https://ckdejr3.iwinv.net/" rel="nofollow noreferrer noopener" target="_blank">https://ckdejr3.iwinv.net/
(숫자 3을 2로 변경부탁드려요!)
위 사이트 하단에 상담신청할수가 있는데요
전화번호를 010 포함 11자리를 반드시 입력해야지만 신청이 가능하게 하려면
소스를 어떻게 수정해야할까요??
답변주신 스크립트를 넣었는데 상단 상담신청(자가진단)에선 작동하는데
하단 고정 상담신청에서는 작동을 안해서요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
이엠아이디
11개월 전
�
웅푸
11개월 전
//스크립트를 체인지 해보세요
<script>
// 전화번호 포맷 변환
function oninputPhone(target) {
target.value = target.value
.replace(/[^0-9]/g, '')
.replace(/(^02.{0}|^01.{1}|[0-9]{3,4})([0-9]{3,4})([0-9]{4})/g, "$1-$2-$3");
}
// 폼 제출 전 유효성 검사
function validateForm() {
var phoneNumber = document.getElementById("wr_subject").value;
// 전화번호가 010으로 시작하고 11자리인지 확인
var regex = /^010\d{8}$/;
if (!regex.test(phoneNumber)) {
alert("전화번호는 '010'으로 시작하는 11자리 번호여야 합니다.");
return false;
}
// 전화번호 길이가 13자리를 초과하는지 확인
if (phoneNumber.replace(/[^0-9]/g, '').length > 11) {
alert("전화번호는 11자리까지만 입력 가능합니다.");
return false;
}
return true;
}
</script>
<script>
// 전화번호 포맷 변환
function oninputPhone(target) {
target.value = target.value
.replace(/[^0-9]/g, '')
.replace(/(^02.{0}|^01.{1}|[0-9]{3,4})([0-9]{3,4})([0-9]{4})/g, "$1-$2-$3");
}
// 폼 제출 전 유효성 검사
function validateForm() {
var phoneNumber = document.getElementById("wr_subject").value;
// 전화번호가 010으로 시작하고 11자리인지 확인
var regex = /^010\d{8}$/;
if (!regex.test(phoneNumber)) {
alert("전화번호는 '010'으로 시작하는 11자리 번호여야 합니다.");
return false;
}
// 전화번호 길이가 13자리를 초과하는지 확인
if (phoneNumber.replace(/[^0-9]/g, '').length > 11) {
alert("전화번호는 11자리까지만 입력 가능합니다.");
return false;
}
return true;
}
</script>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<input type="hidden" name="uid" value="2024111823202154">
<input type="hidden" name="w" value="">
<input type="hidden" name="bo_table" value="inquiry">
<input type="hidden" name="wr_id" value="0">
<input type="hidden" name="token" id="token" value="">
<input type="hidden" name="link" id="link" value="/">
<div class="mfootfix">
<div class="inner">
<div class="top flex">
<div class="logo">
<img src="../img/footlogo.png" alt="">
</div>
<div class="tel">
<img src="../img/telnum.png" alt="">
</div>
</div>
<div class="mid flex">
<input type="text" name="wr_name" id="wr_name" placeholder=" 이름">
<input type="text" oninput="oninputPhone(this)" name="wr_subject" id="wr_subject" placeholder=" 연락처">
<script>
$(document).ready(function() {
$("#wr_12").blur(function() {
// 입력된 전화번호 가져오기
var phoneNumber = $("#wr_subject").val();
if(phoneNumber) {
// 정규식을 사용하여 형식 검사
var regex = /^(01[0-9]{1}-?[0-9]{4}-?[0-9]{4}|01[0-9]{8})$/;
if (regex.test(phoneNumber)) {
// 올바른 형식일 경우
} else {
// 잘못된 형식일 경우
alert("잘못된 형식의 전화번호 입니다.");
$("#wr_subject").val("");
}
}
});
});
function oninputPhone(target) {
target.value = target.value
.replace(/[^0-9]/g, '')
.replace(/(^02.{0}|^01.{1}|[0-9]{3,4})([0-9]{3,4})([0-9]{4})/g, "$1-$2-$3");
}
</script>
<div class="agree flex">
<input type="checkbox" checked>
<p>개인정보 이용동의</p>
</div>
</div>
<div class="bottom flex">
<div class="button">
<button>상담신청</button>
</div>
<div class="katalk2">
<a href="http://pf.kakao.com/_xlxdixlb" target="_blank"><img src="../img/katalk.png" alt=""></a>
</div>
</div>
</div>
</div>
</form>