javascript - 使用表单时的 Django javascript 问题

Question

所以我已经在这个问题上停留了一天左右，但我仍然没有取得太大进展。我正在使用 django 内联表单集，这允许显示所有以前保存的表单，然后显示一个额外的空表单。我正在使用 javascript (jQuery) 隐藏所有表单，直到用户单击“编辑”或“添加新”按钮(p 标签样式看起来像 a 标签)然后表单被 slideToggled 供用户查看然后编辑.

我遇到的问题是根据我在 forms.py 中的正则表达式，表单无效。显然，表单不会保存，但 slideToggle 会关闭。如果您再次单击编辑按钮，它会打开，并在输入错误的字段上显示错误消息。

我想要的是，如果存在这些错误消息，我希望表单打开并显示需要更正的字段。这是提交表单之前的代码:

<div>
  <p class="show_edit_ops button black small">Add New &raquo</p>
  <p class="show_edit_ops button black small" style="display:none;">Nevermind &laquo</p>
  <div class="formWrapperClass">

      <div class="fieldWrapper">
    <div class="form_errors"></div>
    <p class="field_label"><label for="id_location_set-0-street">Street</label>:</p>
    <p class="form_field"><input type="text" name="location_set-0-street" id="id_location_set-0-street" /></p>
    <p class="field_help_text">Enter your residence number and street</p>

      </div>

      <div class="fieldWrapper">
    <div class="form_errors"></div>
    <p class="field_label"><label for="id_location_set-0-street2">Street2</label>:</p>
    <p class="form_field"><input type="text" name="location_set-0-street2" id="id_location_set-0-street2" /></p>
    <p class="field_help_text">Enter your apartment number or P.O. box</p>
      </div>

      <div class="fieldWrapper">
    <div class="form_errors"></div>
    <p class="field_label"><label for="id_location_set-0-city">City</label>:</p>
    <p class="form_field"><input type="text" name="location_set-0-city" id="id_location_set-0-city" /></p>
    <p class="field_help_text">Enter your city</p>
      </div>

表格还在继续，但您明白了。这是提交错误输入后的 fieldWrapper div 之一:

<div class="fieldWrapper">
    <div class="form_errors"><ul class="errorlist"><li>You must enter a street</li></ul></div>
    <p class="field_label"><label for="id_location_set-0-street">Street</label>:</p>
    <p class="form_field"><input type="text" name="location_set-0-street" id="id_location_set-0-street" /></p>
    <p class="field_help_text">Enter your residence number and street</p>

      </div>

我已经尝试了很多方法来测试错误列表是否存在，如果存在，我可以将表单设置为在错误提交后打开。我已经以这样的方式广泛地尝试了 find 和 children，但可能不正确:

if($(".form_errors").find($(".errorlist")) == true){
    document.write("error!");
    }

但是没有运气。如果我取出 == true 然后我得到“错误!”在我网站的每一页上。我很困惑，所以任何帮助都会很棒。我真正需要的只是正确检查错误列表是否存在，我很确定在那之后我可以接受它。

谢谢!!

Answer 1

试试这个:

if($(".form_errors").find($(".errorlist")).length){