标题确实没有说明,因为我无法总结问题。所以这里有很长的解释:
假设我要添加多个联系人的信息,并且我有这些字段:
- 联系人姓名
- 联系方式(电子邮件、电话号码、即时消息)
- 如果是电子邮件:显示电子邮件字段(假设此字段存在)
- 如果是电话号码:显示电话号码字段
- 如果是即时消息:显示文本字段
所以马上,我将需要 JavaScript 来在页面本身上完成此操作(以添加或删除联系人字段),我可以接受。但是,由于我可以添加多个联系人(作为软件开发人员,我不知道用户要添加多少个联系人,可能是 1、10 或 100)
所以我最大的问题是如何构建每个字段的名称等内容。我是否应该将所有内容都放入 names[]
、contactmethods[]
中并按顺序访问这些内容,或者是否有更好的解决方案。
此外,如果服务器开始验证这些信息,并发现一些格式错误的信息,我希望能够将客户端发送给服务器的数据发送回客户端,这样他们就不会丢失一切他们进来了。我怎样才能轻松做到这一点?
一些背景信息: 当前使用的技术(相关):
- flask
- jQuery
- WTForms
最佳答案
无需构建任何东西(至少在服务器端)- WTForms 已经支持您需要的东西 - 它称它们为 "field enclosures" .您要查找的行为可在 wtforms.fields.FormField
中找到和 wtforms.fields.FieldList
class ContactForm(Form):
name = TextField("Name", validators=[Required()])
contact_type = SelectField("Contact Type",
validators=[Required()],
choices=[
("email", "Email"),
("phone", "Phone Number"),
("im", "Instant Message")
])
# `If` is a custom validator - see below
email_address = TextField("Email",
validators=[If("contact_type",
"email",
[Required(), Email()])
])
phone_number = TextField("Phone #",
validators=[If("contact_type",
"phone", [Required()])
])
im_handle = TextField("IM Handle",
validators=[If("contact_type",
"im", [Required()])
])
class SignUpForm(Form):
# Other fields go here
contacts = FieldList(FormField(ContactForm))
您还需要一个 custom validator根据用户的选择验证适当的字段:
# CAUTION: Untested code ahead
class If(object):
def __init__(self,
parent,
run_validation=None,
extra_validators=None,
msg=None):
self.parent = parent
self.msg = msg if msg is not None else u"Invalid"
if callable(run_validation):
self.run_validation = run_validation
else:
_run_validation = lambda self, parent, form: parent.data == run_validation
self.run_validation = _run_validation
self.extra_validators = extra_validators if extra_validators is not None \
else []
def __call__(self, field, form):
parent = getattr(form, self.parent)
if self.run_validation(parent, form):
return field.validate(form, extra_validators=self.extra_validators)
当您在服务器端调用 form.validate()
时,系统会根据要求自动检查字段,并适当填充错误,以便您可以将它们呈现回客户端。
在客户端创建新字段很简单,WTForms 会在后端获取它们,只要您命名为 using the same naming convention it uses - 即 field.short_name + '-' + index
。
关于jquery - 如何很好地构建具有重复元素的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11402627/