PHP, HTML: Bootstrap for validation not working <p>I have a form on my website, in which I want to submit some data and search a database. The form has a input field, a drop-down menu and a submit button. I want the input field and drop-down to flag/ not submit if the submit button is pressed and nothing is entered. I have looked here: <a href="http://1000hz.github.io/bootstrap-validator/" rel="nofollow noreferrer">Bootstrap Validator</a></p> <p>but it has not worked for me. <strong>When i click submit, it just submits the data eg. nothing, to the next page.</strong></p> <p>Here is my form:</p> <pre><code>&lt;header&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;h2&gt;Enter a username and choose a category to search in&lt;/h2&gt; &lt;form action="search.php" method="get" novalidate="novalidate" data-toggle="validator" role="form "&gt; &lt;div class="col-lg-12"&gt; &lt;div class="intro-text"&gt; &lt;div class="row"&gt; &lt;div class="input-group"&gt; &lt;div class="form-group"&gt; &lt;input name="search" type="text" class="form-control" aria-label="..." placeholder="Search a username here" required&gt;&lt;/input&gt; &lt;/div&gt; &lt;div class="input-group-btn"&gt; &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Cataegory &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt; &lt;ul class="dropdown-menu choice"&gt; &lt;li value="one"&gt;&lt;a href="#"&gt;Minecraft username&lt;/a&gt;&lt;/li&gt; &lt;li role="separator" class="divider"&gt;&lt;/li&gt; &lt;li value="two"&gt;&lt;a href="#"&gt;Minecraft UUID&lt;/a&gt;&lt;/li&gt; &lt;li role="separator" class="divider"&gt;&lt;/li&gt; &lt;li value="three"&gt;&lt;a href="#"&gt;McMarket Username&lt;/a&gt;&lt;/li&gt; &lt;li role="separator" class="divider"&gt;&lt;/li&gt; &lt;li value="four"&gt;&lt;a href="#"&gt;Skype Username&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;input type='hidden' name='choice'&gt; &lt;button type="submit" class="btn btn-default"&gt;Search&lt;/button&gt; &lt;/div&gt;&lt;!-- /btn-group --&gt; &lt;/div&gt;&lt;!-- /input-group --&gt; &lt;/div&gt;&lt;!-- /.row --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/header&gt; </code></pre> <p>I have tried many of the solutions posed by members on other threads on this forum, and they haven't worked, so I believe the problem is probably a syntax error. Any help would be great. Thank you!</p>