質問編集履歴
4
文面の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
### 分からないこと
|
|
2
2
|
以下のように半角だとmaxlengthが3になるよう制限が入れてあります。
|
|
3
|
-
フロント側で綺麗に表示されるのが3文字までとなるためです。
|
|
4
3
|
```ここに言語を入力
|
|
5
4
|
<input type="text" v-model="hogehoge" maxlength="3">
|
|
6
5
|
```
|
|
7
6
|
|
|
7
|
+
現在の実装ですと、
|
|
8
|
+
- 半角のみの場合、フロント側から綺麗に見える OK
|
|
9
|
+
- 全角+半角の場合、フロント側から綺麗に見える ok
|
|
10
|
+
- 全角のみの場合、フロント側から綺麗に見えない（1文字ズレてしまう）
|
|
11
|
+
|
|
8
12
|
フロント側で綺麗に見えるのは全角のみの場合は2文字となりますので
|
|
9
13
|
全角のみの場合だとmaxlength=3ではなく2としたいです。
|
|
10
14
|
|
|
11
15
|
こちらの制限方法で詰まっております。
|
|
12
16
|
|
|
13
17
|
### やりたいこと
|
|
14
|
-
|
|
18
|
+
全角のみの場合は最大2文字と制限したい
|
|
15
19
|
|
|
16
20
|
|
|
17
21
|
### 現在までに試してみたこと
|
3
文面の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,18 +5,13 @@
|
|
|
5
5
|
<input type="text" v-model="hogehoge" maxlength="3">
|
|
6
6
|
```
|
|
7
7
|
|
|
8
|
-
フロント側で綺麗に見えるのは全角のみの場合は2文字となり
|
|
8
|
+
フロント側で綺麗に見えるのは全角のみの場合は2文字となりますので
|
|
9
|
-
|
|
9
|
+
全角のみの場合だとmaxlength=3ではなく2としたいです。
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
こちらの制限方法で詰まっております。
|
|
12
|
-
- 全角のみだと最大2文字制限としたい（console.log('ああ')）
|
|
13
|
-
- 半角全角が合わさっている場合は最大3文字制限（console.log('あaa')）
|
|
14
12
|
|
|
15
|
-
上記の３パターンにおけるjsの実装方法で詰まっており、
|
|
16
|
-
何かご教示いただけますと幸いです。
|
|
17
|
-
|
|
18
13
|
### やりたいこと
|
|
19
|
-
- 半角のみの場合は最大3文字、全角のみの場合は最大2文字
|
|
14
|
+
- 半角のみの場合は最大3文字、全角のみの場合は最大2文字と制限したい
|
|
20
15
|
|
|
21
16
|
|
|
22
17
|
### 現在までに試してみたこと
|
2
やりたいこと追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,7 +15,10 @@
|
|
|
15
15
|
上記の３パターンにおけるjsの実装方法で詰まっており、
|
|
16
16
|
何かご教示いただけますと幸いです。
|
|
17
17
|
|
|
18
|
+
### やりたいこと
|
|
19
|
+
- 半角のみの場合は最大3文字、全角のみの場合は最大2文字、全角＋半角の場合は3文字制限としたい
|
|
18
20
|
|
|
21
|
+
|
|
19
22
|
### 現在までに試してみたこと
|
|
20
23
|
- 制限の前にcountができるのか試してみました
|
|
21
24
|
```ここに言語を入力
|
1
文面の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,14 +5,11 @@
|
|
|
5
5
|
<input type="text" v-model="hogehoge" maxlength="3">
|
|
6
6
|
```
|
|
7
7
|
|
|
8
|
-
しかし、全角だと、上記の制限は聞いておらず、
|
|
9
|
-
何文字でも入力が可能な状態です。
|
|
10
|
-
|
|
11
8
|
フロント側で綺麗に見えるのは全角のみの場合は2文字となり、
|
|
12
9
|
フロント側で綺麗に見える条件をまとめると以下となります。
|
|
13
10
|
|
|
14
11
|
- 半角のみだと最大3文字制限（console.log('aaa')）
|
|
15
|
-
- 全角のみだと最大2文字制限（console.log('ああ')）
|
|
12
|
+
- 全角のみだと最大2文字制限としたい（console.log('ああ')）
|
|
16
13
|
- 半角全角が合わさっている場合は最大3文字制限（console.log('あaa')）
|
|
17
14
|
|
|
18
15
|
上記の３パターンにおけるjsの実装方法で詰まっており、
|