如何在 wagtail 中进行电子邮件和电话验证

Question

models.py

class PartnerFormField(AbstractFormField):
    page = ParentalKey(
        'PartnerPage',
        on_delete=models.CASCADE,
        related_name='form_fields',
    )


class PartnerPage(AbstractEmailForm):

    template = "resources/partner_form.html"
    # This is the default path.
    # If ignored, Wagtail adds _landing.html to your template name
    landing_page_template = "resources/partner_form_thankyou.html"

    intro = RichTextField(blank=True)
    thank_you_text = RichTextField(blank=True)

    content_panels = AbstractEmailForm.content_panels + [
        FieldPanel('intro'),
        InlinePanel('form_fields', label='Form Fields'),
        FieldPanel('thank_you_text'),
        MultiFieldPanel([
            FieldRowPanel([
                FieldPanel('from_address', classname="col6"),
                FieldPanel('to_address', classname="col6"),
            ]),
            FieldPanel("subject"),
        ], heading="Email Settings"),
    ]  
    def get_form_fields(self):
        return self.custom_form_fields.all()

partnerform.html

<section class="partner-form">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12">
        <h2 class="text-center font-weight-bolder">Become a <span style=" color: #f98439;">Domitos</span> partner now!</h2>
      </div>
      <div class="col-lg-5 col-12 mt-4">
        <div class="card p-5 shadow">
          <form id="partnerForm" action="{% pageurl page %}" method="POST">
            <div class="form-group">
                {% csrf_token %}
                                        
                {% for field in form %}
                <div class="form-group">
                  {{ field.label_tag }}
                  {% render_field field class+="form-control" placeholder+=field.help_text %}
                 
                </div>
              {% endfor %}
            <div class="form-group mx-4 mt-4 mb-0">
              <button type="submit" class="btn text-white w-100 p-3">SUBMIT</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

如何在 html 中验证电子邮件和电话。 当我在电子邮件中输入内容时，它不应该提交我想显示输入有效的电子邮件地址和有效的电话号码 如何在鹡鸰中做到这一点，请帮我解决这个问题 提前致谢

Answer 1

使用 RegexValidator 对象，这是我编写的用于验证 timeZone 条目的示例：

    timezone = models.TextField(
        max_length=25,
        help_text="Examples: US/Pacific, America/Los_Angeles, Etc/UTC",
        default='Etc/UTC',
        validators=[
            RegexValidator(
                regex = r'^(\w+\/?\w+)$',
                message ='Examples: US/Pacific, America/Los_Angeles, Etc/UTC',
                code='invalid_tz'
            )
        ]
    )

您可以在 models.py 的 regex= 行中插入格式化代码，例如 these examples。电子邮件可能有点棘手。请参考this article 获取示例和可能的陷阱。