VueJS: Added Bootstrap-Vue Form Validation
added bootstrap vue form validation
MODIFY
templates/Web/Pages/Vue.List/src/views/VueList.vue
templates/Web/Pages/Vue.List/src/views/VueList.vue
@@ -66,13 +66,6 @@ export default {
});
},
handleAddListItem() {
- // Warning Pop Up if the user submits an empty message
- if (!this.textField) {
- this.WarningMessageOpen = true;
- this.WarningMessageText = CONSTANTS.ERROR_MESSAGE.LIST_EMPTY_MESSAGE;
- return;
- }
-
fetch(CONSTANTS.ENDPOINT.LIST, {
method: "POST",
headers: { "Content-Type": "application/json" },

MODIFY
templates/Web/_composition/Vue/Page.Vue.AddConstantsList/src/constants$wts.Page.Vue.List_gpostaction.js
templates/Web/_composition/Vue/Page.Vue.AddConstantsList/src/constants$wts.Page.Vue.List_gpostaction.js
@@ -6,7 +6,7 @@ CONSTANTS.ERROR_MESSAGE = {};
CONSTANTS.ERROR_MESSAGE.LIST_DELETE = "Request to delete list item failed:";
CONSTANTS.ERROR_MESSAGE.LIST_ADD = "Request to add list item failed:";
CONSTANTS.ERROR_MESSAGE.LIST_GET = "Request to get list items failed:";
-CONSTANTS.ERROR_MESSAGE.LIST_EMPTY_MESSAGE = "Please enter a valid message";
+CONSTANTS.ERROR_MESSAGE.LIST_EMPTY_MESSAGE = "Input must be at least 1 character long.";
//}]}
CONSTANTS.ENDPOINT = {};

VueJS: Added Bootstrap-Vue Form Validation (#1051)

added bootstrap vue form validation