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

回答編集履歴

2

全角入力しようとしたか監視を追加

2019/02/27 06:31

投稿

oikashinoa
oikashinoa

スコア2826

answer CHANGED
@@ -40,7 +40,16 @@
40
40
  <p>大文字アルファベットか数字だけ</p>
41
41
  </div>
42
42
  <div>
43
- <button>Submit</button>
43
+ <button>Submit!</button>
44
44
  </div>
45
45
  </form>
46
+
47
+ <script >
48
+ const editorElem = document.getElementById('uname');
49
+ console.log(editorElem);
50
+ editorElem.addEventListener('compositionupdate', function (event) {
51
+ alert(`全角で登録したらあかんて`);
52
+ });
53
+ console.log('end');
54
+ </script>
46
55
  ```

1

追記

2019/02/27 06:31

投稿

oikashinoa
oikashinoa

スコア2826

answer CHANGED
@@ -37,7 +37,7 @@
37
37
  <input type="text" id="uname" name="name" required size="45"
38
38
  pattern="[A-Z0-9]*">
39
39
  <span class="validity"></span>
40
- <p>Usernames must be lowercase and 4-8 characters in length.</p>
40
+ <p>大文字アルファベットか数字だけ</p>
41
41
  </div>
42
42
  <div>
43
43
  <button>Submit</button>