답변 5개
submit 후 페이지 페이지 이동을 막은것으로 봐서 ajax 처리등이 되어있는것 같은데
아래 URL 참고하셔서 폼 내부 input 을 초기화 하실수 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
form에 reset이라는 기능이 있는데 확인해보세요~
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=javaking75&logNo=220073457187
댓글을 작성하려면 로그인이 필요합니다.
기본적인 폼 서브밋은 페이지가 이동하기 때문에 초기화를 할수 없습니다.
Ajax 나 iframe 방식인 경우 관련된 부분의 소스코드가 있어야 상세한 답변이 가능하며
다음은 iframe 방식의 서브밋 후 setTimeout 으로 억지효과를 만드는 예제입니다.
</p>
<p><form method="post" name="frm" target="ifr" action="action.php">
<input type="text" name="txt_00" required="required" />
<input type="text" name="txt_01" />
<input type="submit" />
</form></p>
<p><iframe src="about:blank" name="ifr"></iframe></p>
<p><script>
document.forms['frm'].onsubmit = function () {
var frm = this;
setTimeout(function () {
frm.reset();
}, 500);
return true;
}
</script></p>
<p>답변에 대한 댓글 2개
[code]
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function newsAjax(frmobj) {
$.ajax({
method: 'POST',
url: 'action.php',
data: { wr_1: frmobj.wr_1.value }
})
.done(function (data) {
console.log(data);
})
.fail(function (msg) {
console.log(msg);
})
.always(function (arg) {
// console.log(arg);
frmobj.reset();
});
return false;
}
</script>
<form onsubmit="return newsAjax(this);" >
<div class="col-group input-box" id="news">
<input type="email" placeholder="Enter Email *" name="wr_1" required>
<button type="submit" class=" center subscribe-btn" name="submit" >SubScribe to Newsletter <img src="./img-1/main-newsletter-arrow.png" alt=""></button>
</div>
<div class="col-group agree-box">
<input type="checkbox" name="check" id="check" required>
<label for="check">I agree to receiving marketing and promotional materials</label>
</div>
</form>
[/code]
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<form onsubmit="return newsAjax(this);" >
<div class="col-group input-box" id="news">
<input type="email" placeholder="Enter Email *" name="wr_1" required>
<button type="submit" class=" center subscribe-btn" name="submit" >SubScribe to Newsletter <img src="./img-1/main-newsletter-arrow.png" alt=""></button>
</div>
<div class="col-group agree-box">
<input type="checkbox" name="check" id="check" required>
<label for="check">I agree to receiving marketing and promotional materials</label>
</div>
</form>
[/code]
이렇게 세팅해주셨는데 아무것도 몰라서 ,, 뭐가뭔지 모르겠네요..