从 Python Flask WTForms 字段触发 javascript

Question

我的网站上有一个 Flask 表单（通过 WTForms），我正在尝试根据用户是否选中或取消选中复选框来启用或禁用我表单中的其他字段（无需刷新页面）但是，我尝试通过在 HTML 中使用 onchange 或 onclick 事件来实现此目的的尝试没有奏效。我的字段定义如下（标签和字段）

<div class="form-group row">
  {{ form.task_submit_sms.label(class_="col-sm-3 text-right control-label col-form-label") }}
  <div class="col-sm-1">
      {{ form.task_submit_sms(class_="custom-control custom-checkbox" onclick="enableSMSFields()") }}
  </div>

我已经尝试了 onclick 和 onchange。并得到以下错误：

jinja2.exceptions.TemplateSyntaxError: expected token ',', got 'onclick'

不确定是否相关，但这是我的 JavaScript：

<script>
  // Lock SMS fields unless required
  function enableSMSFields()
  {
    if (document.getElementById('task_submit_sms').checked == true)
    {
      document.getElementById('task_sms_text').removeAttribute('disabled');
    }
    else
    {
      document.getElementById('task_sms_text').setAttribute('disabled','disabled')
    }
  }
</script>

Answer 1

这是大括号内的一个函数，您正在传递以逗号分隔的参数（这就是错误告诉您的内容）：

{{ form.task_submit_sms(class_="custom-control custom-checkbox" onclick="enableSMSFields()") }}

您试过插入逗号分隔符吗？

{{ form.task_submit_sms(class_="custom-control custom-checkbox", onclick="enableSMSFields()") }}

从 Python Flask WTForms 字段触发 javascript

Triggering javascript from Python Flask WTForms field

javascript

flask-wtforms