回答編集履歴
2
RegExp.prototype.sourceを使う方法を追記しました
test
CHANGED
|
@@ -4,20 +4,30 @@
|
|
|
4
4
|
|
|
5
5
|
```javascript
|
|
6
6
|
|
|
7
|
-
$(function(){
|
|
8
|
-
|
|
9
|
-
$('.required').prop('required', true);
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
$('.phone').attr('pattern', '\d{2,4}-\d{3,4}-\d{3,4}');
|
|
12
|
-
|
|
13
|
-
})
|
|
14
8
|
|
|
15
9
|
```
|
|
16
10
|
|
|
17
11
|
|
|
18
12
|
|
|
19
|
-
文字列の中では、バックスラッシュがエスケープシーケンス（**It's** とかを文字列にするときに使うやつ：`'It\'s'`）の始まりになってしまうので、`\d{2,4}-\d{3,4}-\d{3,4}` は `d{2,4}-d{3,4}-d{3,4}` の文字列になります。そのため、修正前の HTML では `d{2,4}-d{3,4}-d{3,4}` を input に入力すると、OK にな
|
|
13
|
+
文字列リテラルの中では、バックスラッシュがエスケープシーケンス（**It's** とかを文字列にするときに使うやつ：`'It\'s'`）の始まりになってしまうので、`\d{2,4}-\d{3,4}-\d{3,4}` は `d{2,4}-d{3,4}-d{3,4}` の文字列になります。そのため、修正前の HTML では `d{2,4}-d{3,4}-d{3,4}` を input に入力すると、OK になってしますはずです。
|
|
20
14
|
|
|
21
15
|
|
|
22
16
|
|
|
23
|
-
文字列の中でバックスラッシュをバックスラッシュとして出
|
|
17
|
+
文字列リテラルの中でバックスラッシュをバックスラッシュとして出したいときは、`\` と書きます。
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
あるいは、正規表現を文字列にする .source を使って以下のように書くのもよいでしょう。
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
```javascript
|
|
26
|
+
|
|
27
|
+
$('.phone').attr('pattern', /\d{2,4}-\d{3,4}-\d{3,4}/.source);
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
正規表現を正規表現として書けるので、お使いのエディタによっては、こちらの方が便利かもしれません。
|
1
エスケープシーケンスの説明を追加しました
test
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
文字列の中では、バックスラッシュがエスケープシーケンスの始まりになってしまうので、`\d{2,4}-\d{3,4}-\d{3,4}` は `d{2,4}-d{3,4}-d{3,4}` の文字列になります。そのため、修正前の HTML では `d{2,4}-d{3,4}-d{3,4}` を input に入力すると、OK になるはずです。
|
|
19
|
+
文字列の中では、バックスラッシュがエスケープシーケンス（**It's** とかを文字列にするときに使うやつ：`'It\'s'`）の始まりになってしまうので、`\d{2,4}-\d{3,4}-\d{3,4}` は `d{2,4}-d{3,4}-d{3,4}` の文字列になります。そのため、修正前の HTML では `d{2,4}-d{3,4}-d{3,4}` を input に入力すると、OK になるはずです。
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|