Question

我有一些日期验证我正在做的很好。除了在无效日期范围内显示错误消息时，我还要禁用/启用提交按钮。这是我的coffeescript ......

jQuery ->
  to_date = null
  from_date = null
  $("#to_date, #from_date").bind "change", ->
    from_date = new Date($('#from_date').val())
    to_date = new Date($('#to_date').val())
    if from_date > to_date
      $("#date_error").text("Error! Not a valid date range")
      $("#submit_button").attr("disabled", true)
    else
      $("#date_error").text("")

...当我查看/来源时我的HTML ...

...
  <div id="submit_button">
    <input name="commit" type="submit" value="Create Orientation" />
  </div>
...

我知道我的JS正在加载因为我正在显示错误消息，没有禁用按钮。想法？

Answer 1

您无法停用div。您必须停用实际的input。所以这样做：

$("#submit_button input").attr("disabled", true)

Answer 2

您可以使用.preventDefault();

我没有尝试使用您的代码，但您可以测试一下：

  $('#submit_button input').click (e) ->
    e.preventDefault()

禁用coffeescript中的提交按钮

2 个答案: