Подтвердить форму при использовании модального?

Question

Я пытаюсь сделать форму проверки, но если я ударил представить, форма disapears, прежде чем дать мне обратную связь:

<div class="ui right aligned grid"> 
    <div class="ui three wide column"> 
     <div class="ui center aligned inverted orange segment"> 
      <div class="ui animated fade large inverted button" onclick="contact()"> 
       <div class="visible content">Say Something!</div> 
       <div class="hidden content">Express yourself ;)</div> 
     </div> 
    </div> 
    </div> 
</div> 
<div class="ui first coupled modal"> 
<i class="close icon"></i> 
<div class="header"> 
tell me something 
</div> 
<div class="content"> 
<form class="ui form" method="post" action="/msg"> 
    <h4 class="ui dividing header">What do you think</h4> 
    <div class="field"> 
     <label><i class="write icon"></i></label> 
     <textarea name="txt" class="field" placeholder="write something" required></textarea> 
     <input class="ui green button" type="submit" value="gtt"/> 
    </form> 
    </div> 
</div> 
</div> 
<div class="ui small second coupled modal"> 
<div class="header"> 
<i class="red heart icon"></i> 
</div> 
<div class="content"> 
    <div class="description"> 

    <h1>Thank you</h1> 

    </div> 
</div> 
<div class="actions"> 
    <div class="ui approve inverted blue button"> 
    <i class="checkmark icon"></i> 
    Bye ^_^ 
    </div> 
</div> 

JS:

function contact(){ 
     $('.coupled.modal') 
      .modal({ 
      allowMultiple: false 
      }) 
     ; 
     // attach events to buttons 
     $('.second.modal') 
      .modal('attach events', '.first.modal .button') 
     ; 
     // show first now 
     $('.first.modal') 
      .modal('show') 
     ;  
    } 

А вот как первые болезни окон, не давая мне подтвердить.

Обновление: Я добавил проверку, но doesent работы:

$('.ui.form') 
    .form({ 
    message: { 
    identifier : 'msg', 
    rules: [ 
    { 
     type : 'empty', 
     prompt : 'Please enter a message' 
    } 
    ] 
     }, 
    }) 

;

Answer 1

Где обратные вызовы onApprove и onDeny для выполнения логики?

Тот факт, что модальный затухает, но что диммер остается на экране, указывает на ошибку в js. Перейдите к отладчику и узнайте.