kredits/kredits-web
9
0
Fork 0
Code Issues 22 Pull Requests 1 Actions Releases 18 Activity

Mark input fields as valid when re-submitting form

Browse Source
This commit is contained in:
Basti
2020-09-30 16:57:10 +02:00
parent d85235ff88
commit c1eb93c596
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/add-expense-item/component.js
+3 -1
View File
@@ -39,6 +39,8 @@ export default class AddExpenseItemComponent extends Component {
validateForm () { validateForm () {
const formEl = document.querySelector('form#add-expense-item'); const formEl = document.querySelector('form#add-expense-item');
const inputFields = formEl.querySelectorAll('input');
inputFields.forEach(i => i.classList.remove('invalid'));
let validity = true; let validity = true;
if (!this.isValidAmount) { if (!this.isValidAmount) {
@@ -47,7 +49,7 @@ export default class AddExpenseItemComponent extends Component {
} }
if (!formEl.checkValidity()) { if (!formEl.checkValidity()) {
document.querySelectorAll('form#add-expense-item input').forEach(i => { inputFields.forEach(i => {
if (!i.validity.valid) { if (!i.validity.valid) {
i.classList.add('invalid'); i.classList.add('invalid');
validity = false; validity = false;