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

当我提交一个包含无效双表单数据的表单时，我需要单击两次submit按钮以显示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>

{%csrf\u令牌%}
开始日期：{{form.Start\u Date}}结束日期：{{form.End\u Date}}

---

这里有什么问题？

一个

}）丢失。@我刚格式化了文本<代码>}）

在那里，但看起来好像没人看到它。请参见此处的我的编辑@Krasimir OP在我自己的编辑后添加了缺少的部分，抱歉：）

Date.parse（{{form.data.start\u Date}}'）

，请包含您的HTML