제출시 조치

Question

제출 동작에 대한 초급 질문이 있습니다. loginModal을 다시 제출하면 제출할 때마다 예상되는 동작입니까? ready() 함수와 같은 함수가 다시 시작됩니다. 여기

를 제출 난 후 실행 내 응용 프로그램을 시작() 함수를 싶습니다 내 코드의 비트 : 당신이 그것을 것 버튼을 클릭하면, 제출의 입력 형식을 사용하기로 결정했습니다 때문에

//Show loginModal on page ready 
    $(document).ready(function(){ 
     $('#loginModal').modal('show'); 
    }); 

//loginModal submit 
<div class="modal-footer"> 
<button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>`enter code here` 
</div> 

//When submit button is clicked 
$('#loginModal').submit(function() {} 
    initiateApp() 

}); 

Answer 1

제출 버튼의 기본 동작, 즉 페이지를 새로 고치는 것을 방지해야합니다. event.preventDefault()

$('#loginModal').submit(function(event) { 
     event.preventDefault(); 
     initiateApp() 
    } 

); 

Answer 2

내 지식에 대한 자동 다시 게시를 실행하고 페이지를 새로 고칩니다. 사용해보기 :

<button> 

OR 

<input type='button'> 

이렇게하면 페이지가 새로 고쳐지지 않습니다. 한번 해봐!