回答編集履歴
2
check 関数
test
CHANGED
|
@@ -42,6 +42,16 @@
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
+
### check 関数
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
変数 `flag` でフラグ管理されているようですが、返り値を Boolean 型 (true, false) にした方がスマートだと思います。
|
|
50
|
+
|
|
51
|
+
前述のpattern属性で実装する場合は、必要な時に自動的にバリデーション処理が行われるので能動的にチェック処理を走らせる必要はありませんが、カスタムエラーメッセージの為に `setCustomValidity` を事前実行する必要はあります。
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
45
55
|
### document.form.katakana
|
|
46
56
|
|
|
47
57
|
|
1
エラーメッセージを追加
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
```JavaScript
|
|
10
10
|
|
|
11
|
-
var tokens = [['name', /^$/], ['katakana', /[^ァ-ン]/], ['mail', /[^a-zA-z?s]+$/], ['yubin', /[^0-9]/]];
|
|
11
|
+
var tokens = [['name', /^$/, '氏名を入力してください'], ['katakana', /[^ァ-ン]/, 'フリガナはカタカナで入力してください'], ['mail', /[^a-zA-z?s]+$/, 'メールアドレスを正しく入力してください'], ['yubin', /[^0-9]/, '郵便番号は数字で入力してください']];
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
```HTML
|
|
38
38
|
|
|
39
|
-
<input type="text" name="name" pattern="^[\s\S]+$">
|
|
39
|
+
<input type="text" name="name" pattern="^[\s\S]+$" data-errormessage="氏名を入力してください">
|
|
40
40
|
|
|
41
41
|
```
|
|
42
42
|
|