在th中添加变量:onsubmit胸腺细胞

Question

我试图在th:onsubmit中添加变量

th:onsubmit="return confirm('Hi '" + ${user.name} +  "')"

但它总是让我犯错误

格式错误的标记:属性"+“在元素中多次出现

此外，我也找不到一个提交的例子在胸腺的官方文件

Answer 1

onsubmit没有什么特别之处，这就是为什么官方文档中没有关于它的任何东西--您只是没有正确地格式化表达式。我会把这些表达式格式化如下：

th:data-username="${user.name}"
onsubmit="return confirm('Hi ' + this.getAttribute('data-username'))"

(为了避免安全错误，Thymeleaf可能禁止您在JavaScript中直接连接字符串，这就是为什么我要将它分离出它自己的属性。)

Answer 2

您可以在onsubmit事件中使用一个函数，并将Thymeleaf表达式分配给该函数中的一个变量。

示例(在我的例子中使用onclick )：

<yourtag ... onclick="runMyFunction();"></yourtag>

...

<script th:inline="javascript">
    function runMyFunction() {
        var user_name = [[${user.name}]];
        console.log(user_name);
    }
</script>

这使用了Thymeleaf的JavaScript内衬语法[[${...}]]。

请注意，在本例中，事件不必是th:onsubmit --只有onsubmit。