teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

追記

2019/11/09 03:26

投稿

nanase21
nanase21

スコア144

title CHANGED
File without changes
body CHANGED
@@ -26,4 +26,36 @@
26
26
  }
27
27
  }, false);
28
28
  })();
29
+ ```
30
+
31
+ **現状の打開策**
32
+ 下記のように``addEventListener``を二つ作る事でやりたいことを実現はできます。
33
+ しかし、処理内容がほぼ一緒なのでなんとかして1つにまとめる方法について知りたいです。
34
+
35
+ ```js
36
+ (function () {
37
+ 'use strict';
38
+ var text = document.getElementById("mail");
39
+ var other = document.getElementById("label");
40
+
41
+ inputText.addEventListener('keyup', function() {
42
+ var s = text.value;
43
+ var check = !!s.match(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/);
44
+ if(!!s && check){
45
+ other.textContent = "Good";
46
+ }else{
47
+ other.textContent = "Bad";
48
+ }
49
+ }, false);
50
+
51
+ inputText.addEventListener('paste', function() {
52
+ var s = text.value;
53
+ var check = !!s.match(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/);
54
+ if(!!s && check){
55
+ other.textContent = "Good";
56
+ }else{
57
+ other.textContent = "Bad";
58
+ }
59
+ }, false);
60
+ })();
29
61
  ```