我目前正在研究taiga的自定义实现,我注意到,即使我们在app/partials/custom-attributes/custom-attribute-value-edit.jade
中为自定义输入字段放置了一个模式,如果输入不遵循指定的模式,则ping错误,如
input#custom-field-value(name="value", type="tel", pattern="^\+\d{1,3}\s\d{1,3}\s\d{3}\s\d{4}$", placeholder="format: +[country_code] [area_code] [xxx] [xxxx] (e.g: +1 234 567 8910)", value!="<%- value %>")
表单仍然提交到后端。虽然我确实看到一个快速消息,说模式不匹配,但表单仍然被提交。我能追踪到的最远的过程就是这个文件app/coffee/modules/common/custom-field-values.coffee
有一个处理提交的部分
submit = debounce 2000, (event) =>
event.preventDefault()
form = $el.find("form").checksley()
return if not form.validate()
input = $el.find("input[name=value], textarea[name='value'], select[name='value']")
attributeValue.value = input.val()
if input.prop("type") == 'checkbox'
if input[0].checkValidity()
attributeValue.value = !!input.prop("checked")
但我就知道这么多了。我的目标是,如果存在输入验证问题,比如输入没有遵循指定的模式,就不允许提交。我使用的是taiga的当前版本3.0.0
我终于想通了。Taiga使用checksley进行表单验证。我没有像普通输入字段验证器那样对正则表达式使用"pattern",而是使用checksley的属性data-regexp。这处理了我需要的验证。
input#custom-field-value(name="value", type="tel", data-regexp="^\+\d{1,3}\s\d{1,3}\s\d{3}\s\d{4}$", placeholder="format: +[country_code] [area_code] [xxx] [xxxx] (e.g: +1 234 567 8910)", value!="<%- value %>")
文档可以在以下链接
找到https://media.readthedocs.org/pdf/checksley/latest/checksley.pdf