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

回答編集履歴

1

sample

2021/08/26 06:32

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -2,4 +2,22 @@
2
2
  ```javascript
3
3
  あいうえ<input size=1 oninput="if(this.value!=='お')this.value=''">
4
4
  ```
5
- エラーを出したいならどういうものを希望か書いたほうがよいでしょう
5
+ エラーを出したいならどういうものを希望か書いたほうがよいでしょう
6
+
7
+ # sample
8
+ ```javascript
9
+ <script>
10
+ window.addEventListener('DOMContentLoaded', ()=>{
11
+ ans.addEventListener('input',()=>{
12
+ err.textContent=["","お"].includes(ans.value)?"":"入力内容に誤りがあります";
13
+ })
14
+ });
15
+ </script>
16
+ <form>
17
+ <fieldset>
18
+ <legend>「あいうえ○」○に入る文字を平仮名で入力してください。</legend>
19
+ あいうえ<input size="1" id="ans" required pattern="お"><div id="err"></div>
20
+ <input type="submit" value="send">
21
+ </fieldset>
22
+ </form>
23
+ ```