아이코드 문자인증 엔터 문제
본문
안녕하세요 매번 물어보기만 하는 초초초보입니다.
위의 코드를 통해 회원가입 시 문자인증 기능을 구현하고 있습니다. 인증창에서 input에 번호 누르고 엔터 또는 모바일에서 확인을 누르면 인증번호 확인이 되는게 아니라 새로고침되어 인증번호가 재발송 됩니다.
인증 확인버튼하고 연결하려고 해도 안먹고 해당 스크립트 부분을 삭제해도 안되고... 아마 새로고침되면서 인증이 계속 되는 것 같은데 ㅠㅠ 엔터치면 인증버튼이 바로 눌리게 할 수 있을까요?
초보자라 반나절 계속 하고 아이코드 25원 나오는거 계속 인증나오니깐 돈만 계속 나가고ㅠㅠ 고수님들께 질문드려봅니다ㅜㅜ
<?php
include_once('../common.php');
$a_auth = time();
?><!DOCTYPE html>
<html lang="en" style="width: 100%">
<head>
<meta charset="utf-8">
<title>휴대폰 인증</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="">
<meta name="keywords" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
body {overflow-x:hidden; overflow-y:hidden;padding: 0;margin: 0;}
div, label {}
.frm_input {font-size:14px;padding: 0 10px;border:1px solid #b5b5b5;background:#fff;color:#000;vertical-align:middle;line-height:40px;border-radius: 3px}
.frm_btn {font-size: 14px;background: #2C68B0;border: none;cursor: pointer;border-radius: 3px;color: #fff;height: 40px;width: 100px;}
</style>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
<!--
function authSend(){
var f1 = document.sForm;
$.post("/bbs/ajax_send.php", $("#sForm").serialize(),function(data){
if (data=="F"){
alert("단시간 너무 많은 인증요청을 하셨습니다.\n\n잠시후 이용해주세요.");
}else{
alert("인증번호가 발송되었습니다.");
f1.sendYN.value = "Y";
f1.auth_num.focus();
}
});
}
function authCheck(){
var f1 = document.sForm;
if (f1.sendYN.value=="Y"){
if (f1.auth_num.value==""){
alert("인증번호를 입력하세요.");
f1.auth_num.focus();
}else{
$.post("/bbs/ajax_check.php", $("#sForm").serialize(),function(data){
if (data=="Y"){
opener.document.fregisterform.hp_auth.value = "Y";
self.close();
}else{
alert("입력하신 인증번호가 일치하지 않습니다.");
}
});
}
}else{
window.close();
}
}
$().ready(function() {
authSend();
});
//-->
</script>
</head>
<body>
<div>
<div style="width: 100%;padding:13.5px 20px;border-bottom:1px solid #eee;font-size: 17.5px;font-weight: bold;color: #2C68B0;box-shadow: 0 10px 10px -10px #dcdcdc;">휴대폰번호인증</div>
<form name="sForm" id="sForm" action="" method="post" autocomplete="off">
<input type="hidden" name="a_auth" value="<?=$a_auth?>">
<input type="hidden" name="sendYN" value="">
<input type="hidden" name="mb_hp" value="<?=$mb_hp?>">
<div style="padding:20px;">
<div style="margin-bottom: 20px;font-size: 13.5px;">
문자로 전송된 인증번호를 입력하세요.<br>
인증번호가 오지 않았다면 입력하신 휴대폰번호가 정확한지 확인하세요.</div>
<div style="width:95%;padding: 0 20px 0 0;">
<input type="text" name="auth_num" id="auth_num" class="frm_input" maxlength="5" style="width: 100%;" placeholder="인증번호 5자리">
</div>
</div>
<div class="win_btn" style="text-align: center;padding: 0 20px ;">
<button type="button" onclick="window.close();" class="btn_close" style="font-size: 14px;cursor: pointer;background: #999;border: none;border-radius: 3px;color: #fff;height: 40px;width: 100px;">취소</button>
<input type="button" name="btnPhone" class="frm_btn" value="인증" onclick="authCheck();">
</div>
</form>
</div>
</body>
답변 2
^^;; 예전 제 소스네요.
<input type="text" name="auth_num" id="auth_num" class="frm_input" onkeypress="if(event.keyCode==13) authCheck();return false;" maxlength="5" style="width: 100%;" placeholder="인증번호 5자리">
이렇게 변경하시면 됩니다.
</body> 다음에 추가
<script>
$('#auth_num').on('keypress', function(e) {
if (e.keyCode == 13) {
e.preventDefault();
authCheck();
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
