質問編集履歴
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -259,3 +259,69 @@
|
|
|
259
259
|
### 試したこと
|
|
260
260
|
|
|
261
261
|
コードを改変してどこまでしっかり動いているか確認しようとしたところif(!event){....内を未入力の際のバリデーションにしたところ今度は未入力の状態でも送信できるようになってしまいました。
|
|
262
|
+
|
|
263
|
+
# 追記
|
|
264
|
+
|
|
265
|
+
ご回答頂いた通りにひとまず必須の部分が対応しているか確認すべく編集してみたのですが、以下の編集でよろしいのでしょうか。
|
|
266
|
+
|
|
267
|
+
```
|
|
268
|
+
|
|
269
|
+
validation:function(event) {
|
|
270
|
+
|
|
271
|
+
if(!event){
|
|
272
|
+
|
|
273
|
+
let errorCount = 0;
|
|
274
|
+
|
|
275
|
+
// for (var i=0; i < Object.keys(this.values).length; i++){
|
|
276
|
+
|
|
277
|
+
Object.entries(this.values).forEach((key, value) => {
|
|
278
|
+
|
|
279
|
+
console.log(key,value);
|
|
280
|
+
|
|
281
|
+
//let key = Object.keys(this.values);
|
|
282
|
+
|
|
283
|
+
//let value= Object.values(this.values);
|
|
284
|
+
|
|
285
|
+
if(this.validations.key.required) {
|
|
286
|
+
|
|
287
|
+
if(value === "") {
|
|
288
|
+
|
|
289
|
+
this.errors.key = this.errorMessage.required;
|
|
290
|
+
|
|
291
|
+
errorCount++;
|
|
292
|
+
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
// else {
|
|
298
|
+
|
|
299
|
+
// if([!value].match(this.validations[key].pattern)) {
|
|
300
|
+
|
|
301
|
+
// this.errors[key] = this.errorMessage[key];
|
|
302
|
+
|
|
303
|
+
// errorCount++;
|
|
304
|
+
|
|
305
|
+
// }
|
|
306
|
+
|
|
307
|
+
// }
|
|
308
|
+
|
|
309
|
+
})
|
|
310
|
+
|
|
311
|
+
console.log(errorCount);
|
|
312
|
+
|
|
313
|
+
return errorCount;
|
|
314
|
+
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
```
|
|
318
|
+
|
|
319
|
+
この場合ですと、以下のようなエラーになってしまいました。
|
|
320
|
+
|
|
321
|
+
```
|
|
322
|
+
|
|
323
|
+
[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'required' of undefined"
|
|
324
|
+
|
|
325
|
+
```
|
|
326
|
+
|
|
327
|
+
カッコをつけたり外したりしてみたのですが、エラーが出るか出なくても想定通りに動きません。
|