home.html

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
<script>
$(document).ready(function(){
    $("#commentForm").validate();
  });
</script>

{% block content %}
<h4> Please enter your comment below </h4>
<form name="commentForm" id="commentForm" action="post_comment" method="POST">{% csrf_token %}
<p>Comment <textarea name="content" cols="40" rows="5" class="required" maxlength="200" ></textarea></p>
<p>Your Name<input type="text" size=50 name="name" class="required"></input></p>
<input type="submit" value="Submit"/> 
</form>

{% for c in comments %}
    <p> "{{ c.content}}" -- {{c.name }} on {{c.published_date|date:"F j, Y"}} </p>
{% endfor %}
</br>
{% if page_range|length > 1 %}
    {% for p in page_range %}
        {% if p == page_no %}
            <b>{{p}}</b>
        {% else %}
            <a href="?page={{p}}">{{p}}</a>  
        {% endif %}
    {% endfor %}
{% endif %}

{% endblock %}