模態框上點擊提交按鈕

我正在製作一個網絡應用程序，它爲用戶輸入的德語名詞提供了文章。我寫過代碼，用戶將接受名詞，數據庫中的文章將顯示在模式框中。但模態框不留。此外，我第一次單擊提交按鈕時，即使數據庫中存在單詞，else部分也會運行。模態框上點擊提交按鈕

下面的代碼：

<!-- Parallax Image with noun Text --> 
 
<div class="bgimg-2 w3-display-container w3-opacity-min"> 
 
    <div class="w3-display-middle"> 
 
    <span class="w3-xxlarge w3-text-white w3-wide">NOUN</span> 
 
    </div> 
 
</div> 
 
<!-- Container (noun Section) --> 
 
<div class="w3-content w3-container w3-padding-64" id="noun"> 
 
    <h3 class="w3-center">ENTER THE NOUN: </h3></br></br> 
 
    <form name="logged_in.jsp" method="post" action=""> 
 
    <div class="w3-center"> 
 
      <input type="text" name="noun"></br></br></br> 
 
    </div> 
 

 
    
 
    
 
    <div class="w3-center"> 
 
    <button class="w3-button w3-black w3-right w3-section" type="submit" id="article" > 
 
      GET ARTICLE 
 
     </button> 
 
    </div> 
 
    </form> 
 
    
 
</div> 
 

 

 
<!-- The Modal --> 
 
<div id="nounModal" class="modal"> 
 
    <% String s =null; 
 
     String s1=request.getParameter("noun"); 
 
      String s2 =null; 
 
      String s3 =null; 
 
      int f=0; 
 
     try{ 
 
     System.out.println(s1); 
 
      Statement st = con.createStatement(); 
 
      ResultSet rs = st.executeQuery("select * from nouns where noun='"+s1+"'"); 
 
      
 
      if(rs.next()){ 
 
       f=1; 
 
      s=rs.getString("article"); 
 
      s2=rs.getString("plural"); 
 
      s3=rs.getString("meaning"); 
 
      } 
 
     }catch(Exception e){System.out.println("e.............."+e);} 
 
    
 
     if(f==1){%> 
 
     
 

 
     <div class="modal-content"> 
 
      <button type="button" class="close" data-dismiss="modal">Close</button> 
 
      <div id="output"> 
 
       <p>Article: <%=s%></br></p> 
 
      <p>Noun: <%=s1%></br></p> 
 
      <p>Plural: <%=s2%></br></p> 
 
      <p>Meaning: <%=s3%></p> 
 
      
 
      </div> 
 
    <%} 
 
    else{%> 
 
    <div class="modal-content"> 
 
      <button type="button" class="close" data-dismiss="modal">Close</button> 
 
      <p>Sorry! no results found. 
 
       would you like to add a new word? <a>add</a> click here 
 
      </p> 
 
       
 
      
 
    <%}%> 
 
    
 
    </div > 
 

 
</div> 
 

 
<script> 
 

 
$(document).ready(function(){ 
 
    $("#article").click(function(){ 
 
     $("#nounModal").modal(''); 
 
    }); 
 
\t 
 
\t </script>

來源

2017-11-25 Granger

我可以看到** Peter **已經要求編輯這個問題，所以我希望他能閱讀這個。我會建議你清理源代碼，使你的編輯建議值得接受。對標題進行小修改而不清理主要問題內容是不值得接受的。 – NewToJS

你的按鈕都應包含數據切換= 「莫代爾」數據目標= 「＃nounModal」 atributes。

<button class="w3-button w3-black w3-right w3-section" type="submit" id="article" data-toggle="modal" data-target="#nounModal">GET ARTICLE </button>

或嘗試$（「＃nounModal」）。modal（'show'）;

來源

2017-11-25 11:47:15

模態框上點擊提交按鈕

回答

相關問題