提交数据后，Javascript需要额外刷新

Question

当我提交包含无效两个表单数据的表单时，我需要单击两次提交按钮以显示javascript警报。然后在输入有效数据后，我需要点击两次以使其不显示javascript警告

$(document).ready(function () {
    $('.dateinput').datepicker();
    $("#daterangeresult").click(function(){
        var start_date = "{{ form.data.start_date }}";
        var end_date = "{{ form.data.end_date }}";
        if (Date.parse(start_date) >= Date.parse(end_date)) {
            alert("Enter start date less than end date");
        }
    });
});

我的html文件是

<form action="" method="POST"> {% csrf_token %}
     Start Date: {{ form.start_date }}&nbsp;&nbsp; End Date:{{ form.end_date }}<br/>
     <input  type = "submit"  value = "See Results" id = "daterangeresult"></form>

这里有什么问题？