HTML5 양식이 필요한 일반 버튼 (제출하지 않음)

Question

양식 필드와 저장 버튼 (제출 유형 아님)이 있습니다. HTML5 필수 인증을 구현하고 싶습니다.

그러나 제출 버튼에서만 작동하며 일반 버튼에서는 작동하지 않는 것으로 보입니다. 내가 어떻게 일반 버튼과 동일한 달성 할 수있는 내 저장 버튼

$("#saveForm").click(function(){ 
     saveFormData(); 
     showView('detailsView','editView'); 
     setFormFieldValues(); 
    }) 

에 사용자 지정 코드를 갖고 있기 때문에

는 는

나는, 제출 버튼을 사용할 수 없다?

Answer 1

이 폼의 제출 이벤트에 사용자 정의 코드를 추가하는 것이 좋습니다 :

$("form").on("submit",function(event){ 

    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 




}); 

Answer 2

방법이 있나요? 당신은 emptyFields.each()

Answer 3

를 빈 필드를 통해 루프를 사용 할 수

$("#saveForm").click(function(event){ 

    var emptyFields = $('input').filter('[required][value=""]'); 
    if (emptyFields.length === 0) { 
     /* valid code here */ 
    } else { 
     /* invalid code here */ 
     event.preventDefault(); // this stops the click event; 
    } 
} 

난 당신이 제출 '버튼을 사용할 수 있다고 생각합니다. 다만이 같은 말에 반환 거짓을 추가

$("#saveForm").click(function(){ 
    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 
    return false;  //stops the form being submitted 
}) 

Answer 4

당신이 양식을 사용하는 이벤트를 입력하고 (서버에 게시) e.preventDefault();

$("form").on("submit",function(e){ 
    e.preventDefault(); 
    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 
});