2013-03-28 2 views
27

문서에 설명되어있는 경우 사전에 사과하지만 찾을 수없는 것 같습니다.AngularJS : 양식의 모든 버튼이 제출됩니까?

저는 트위터 부트 스트랩을 사용하면서 몇 개의 버튼을 사용하는 매우 간단한 형태입니다. 문제는 양식의 단추 중 하나를 클릭하면 각도로 전송 이벤트가 트리거되는 것입니다. 내 양식에 "필수"특성을 사용하는 입력 필드가 여러 개 있으므로 단추를 클릭하면 필드가 필수. 사용자가 실제 제출 버튼을 클릭 할 때 유효성 검사 만 수행되기를 원하는 경우를 제외하면 이는 모두 훌륭하고 좋은 것입니다.

지금까지 false 만 반환하는 함수에 ng-submit을 설정해 보았지만 아무런 효과가없는 것 같습니다.

업데이트 : event.preventDefault()를 사용하는 지시문을 사용하여 임시 해결책을 찾았습니다. 그러나 이것은 약간 과도한 것으로 보이며 모든 버튼에 부착해야한다는 것을 의미합니다.

<div class="row-fluid"> 
    <div class="span12"> 
     <form ng-submit="onSubmit()" class="form-horizontal"> 
      <div class="row-fluid"> 
       <div class="span12"> 
        <div class="katana-technician-form"> 
         <div class="control-group"> 
          <label class="control-label">Tekniker 
           <div class="controls"> 
            <div class="input-append"> 
             <input type="text" class="span2" /> 
             <div class="btn-group"> 
              <!-- Triggers onSubmit--> 
              <button data-toggle="dropdown" class="btn dropdown-toggle">Velg<span class="caret"></span> 

              </button> 
              <ul class="dropdown-menu"> 
               <li>Kake</li> 
               <li>Bake</li> 
              </ul> 
             </div> 
            </div> 
           </div> 
          </label> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div class="row-fluid"> 
       <div class="span12"> 
        <!-- Triggers onSubmit--> 
        <button type="submit"></button> 
       </div> 
      </div> 
    </div> 
    </form> 
</div> 
</div> 

답변

85

버튼에 type="button"을 설정해야합니다.

This question은 무엇을하는지 자세히 설명합니다.

+0

최상의 솔루션! – jlouazel

+0

한 시간 이상 내 머리카락을 꺼내고 ... 고마워! –

+0

나는 항상 어떤 유형 = "버튼"이 필요한지 궁금해했는데, 이제는 이유가 있습니다. 고맙습니다! –

관련 문제