rails 3 - 양식을 제출하지 않을 버튼을 추가하십시오.

Question

양식에 몇 개의 "다음"및 "뒤로"버튼을 추가하려고합니다. 아이디어는 필링 프로세스를 여러 단계로 나누고이 버튼을 사용하면 현재 단계의 div가 숨겨지고 다음 단계가 표시됩니다. 이전 단계가 표시됩니다.

내 문제는 내가 ... 다음과 같은 방법으로

<button class="proceed_button" id="loan_information">Proceed</button> 
<button class="cancel_button" id="loan_information">Cancel</button> 

를 버튼을 추가 할 때 ... 그들이 양식을 제출한다는 것입니다. 양식 태그 안의 모든 버튼은 제출 버튼으로 간주됩니까? 그렇다면이 동작을 어떻게 변경합니까? 그렇지 않다면 왜 그걸하고 있습니까?

Answer 1

좋아, 해결책은 버튼이 유형이 필요하다는 것입니다.

<button type="button" class="proceed_button" id="loan_information">Proceed</button> 
<button type="button" class="cancel_button" id="loan_information">Cancel</button> 

이와 같이 더 이상 양식을 제출하지 않습니다.

http://w3schools.com/html5/att_button_type.asp에 따르면 기본 유형은 브라우저에 따라 다르므로 항상 유형을 지정해야합니다.

Answer 2

버튼을 원한다고 확신하지 못합니다. 처럼 보일 수도 있습니다.은 버튼처럼 보입니다. 어느 쪽이든이 게시물을 참조하십시오 : rails 3: display link as button?

일단 당신이 버튼을 클릭하면 (jquery 있다고 가정) 당신이 클릭 할 때 일어나는 일이 없도록 자바 스크립트를 업데이 트해야합니다. 또한 게시 된 코드 점에 유의

$('#proceed_button').click(function(e) { e.preventDefault(); // Show and hide your divs here }); 

: 그것은 그래서 당신이 버튼을 사용하여 뭔가를 할 거라고 JS를 가진 사람들을 위해, JS없는 사용자를 위해 제출 진행 가정, JS없는 사람들 공룡에 대한 진정한 대체를 제공하기 위해 여전히 좋다 당신은 동일한 id를 가진 두개의 버튼을 가지면 안되며, 당신의 id와 클래스는 바뀌어 보인다.