title: Why aren't my forms being called on this form?
body: <p>Using django atm:</p>
  
  <p>Here are my forms:</p>
  
  <pre><code>&lt;form name="chrisForm" action=""&gt;
      &lt;input type="text" name="christext"&gt;
      &lt;br&gt;
      &lt;button type='submit' class='btn btn-primary btn-xs' onclick="return chrisFunction()"&gt;
      Submit&lt;/button&gt;
  &lt;/form&gt;
  
  
  &lt;!-- modify the searchwords form --&gt;
  &lt;form name="articleForm" action="" method="post"&gt;{% csrf_token %}
      &lt;input type="text" placeholder='Modify the keywords' name="searchkeyword"&gt;
      &lt;br&gt;&lt;button type="submit" class="btn btn-success btn-xs" onclick="return validateForm()"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Now here is the javascript functions from an external source:</p>
  
  <pre><code>    function validateForm() {
          var x = document.forms['articleForm']['searchkeyword'].value;
          if (x == null || x == "") {
              alert("Please enter a search keyword(s)");
              return false
          }
      }
  
      function chrisFunction() {
          var y = (document.forms['chrisForm']['christext'].value);
          if (y === "1" || y === "2") {
              alert('You have entered 1 or 2, congrats!');
              return false
          }
          else if 
              (y === "" || y === null) {
              window.open('http://forbiddengrounds.net',"", height="200", width="200");
          } 
      }
  </code></pre>
  
  <p>When I click on my buttons it doesn't do anything except it procs the "action" part but it should give an alert when I click the button without putting anything in the text box (or entering 1 or 2 for the chrisFunction)</p>