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

Taiga front end submits custom attribute changes even if invalid

本文关键字：无效 前端 提交 自定义属性 Taiga      更新时间：2023-09-26

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

相关文章：