Javascript 在th:onsubmit thymeleaf中添加变量

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

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

但我总是犯这样的错误

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

---

此外，我在thymeleaf官方文档中找不到onsubmit示例

您可以在

onsubmit

事件中使用函数，并将thymeleaf表达式指定给该函数中的变量

示例（在我的示例中使用

onclick

）：

...
函数runMyFunction（）{
var user_name=[[${user.name}]]；
console.log（用户名）；
}

这使用了Thymeleaf的语法

[[${…}]]

---

请注意，在这种情况下，事件不必是

th:onsubmit

-只需

onsubmit

，

onsubmit

没有什么特别之处，这就是为什么官方文档中没有关于它的内容-您只是没有正确格式化表达式。我将对表达式进行如下格式化：

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

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

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