Taiga前端提交自定义属性更改,即使无效



我目前正在研究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

相关内容

  • 没有找到相关文章

最新更新