代碼：
validatePassword(value) {
if (!value) {
return 'This field is required';
}
const regex = /^.*(?=.{6,})(?=.*d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/i;
if (!regex.test(value)) {
return 'Password must be:\n-Minimum 6 characters\n-Include minimum 1 Uppercase letter\n-Include minimum 1 lowercase letter\n-Include minimum 1 symbol';
}
return true;
},
如果您查看正則運算式測驗的回傳，我正在嘗試使用 \n 創建一個新行，我已經嘗試了任何我能想到的但無法在呼叫回傳時給我一個新行。我不記得語法是什么，它讓我發瘋！打破它，這是我正在努力解決的具體問題
return 'Password must be:\n-Minimum 6 characters\n-Include minimum 1 Uppercase letter\n-Include minimum 1 lowercase letter\n-Include minimum 1 symbol';
uj5u.com熱心網友回復：
換行特殊字符\n僅適用于 Unix 系統。
在 HTML 中，您想使用<br>標簽來創建一個新行。
但這意味著您必須將字串決議為 html 才能使其正常作業。你不能在一個簡單的字串中指定一個新行而不分成幾個 html 標簽。
<template>
<div v-html="error" />
</template>
<script>
...
validatePassword () {
this.error = "Password must be:<br>-Minimum 6 characters"
}
</script>
另一種方法是拆分您的錯誤訊息，以便 1 行是一個字串。例如，您可以將所有錯誤訊息設定為一個陣列，并將該陣列顯示在一個ul串列中。
<template>
<ul v-for="error of errors" :key="error">
<li>{{ error }}</li>
</ul>
</template>
<script>
[...]
this.errors = ['Minimum 6 characters', 'Include minimum 1 Uppercase letter', ...]
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/446453.html
上一篇：組件可以有自己的狀態嗎？
下一篇：NuxtJS和事件總線