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

回答編集履歴

4

文言

2021/05/27 14:46

投稿

int32_t
int32_t

スコア21929

answer CHANGED
@@ -6,4 +6,6 @@
6
6
 
7
7
  * 社員番号: `required` 属性、`minlength="6" maxlength="6"` (または `pattern=".{6}"`)
8
8
  * 氏名: `required` 属性、`maxlength="100"`
9
- * メールアドレス: `required` 属性、`type="email" maxlength="13"` (13文字って短いですね...)
9
+ * メールアドレス: `required` 属性、`type="email" maxlength="13"` (13文字って短いですね...)
10
+
11
+ これらの属性を付けると、条件を満たさずにsubmitボタンが押されたときに、ブラウザがエラーを表示してフォーム送信をキャンセルします。または、お好きなタイミングで `$('#form_name')[0].reportValidity()` を呼ぶことでブラウザがエラーを表示して、`false` が返ります。

3

文言

2021/05/27 14:46

投稿

int32_t
int32_t

スコア21929

answer CHANGED
@@ -4,6 +4,6 @@
4
4
 
5
5
  JavaScriptなしで、HTMLの属性だけでできそうですね。
6
6
 
7
- * 社員番号: `required` 属性、`minlength="6"` `maxlength="6"` (または `pattern=".{6}"`)
7
+ * 社員番号: `required` 属性、`minlength="6" maxlength="6"` (または `pattern=".{6}"`)
8
8
  * 氏名: `required` 属性、`maxlength="100"`
9
- * メールアドレス: `required` 属性、`type="email"`、`maxlength="13"` (13文字って短いですね...)
9
+ * メールアドレス: `required` 属性、`type="email" maxlength="13"` (13文字って短いですね...)

2

文言

2021/05/27 13:04

投稿

int32_t
int32_t

スコア21929

answer CHANGED
@@ -6,4 +6,4 @@
6
6
 
7
7
  * 社員番号: `required` 属性、`minlength="6"` `maxlength="6"` (または `pattern=".{6}"`)
8
8
  * 氏名: `required` 属性、`maxlength="100"`
9
- * メールアドレス `type="email"`、`maxlength="13"` (13文字って短いですね...)
9
+ * メールアドレス: `required` 属性、`type="email"`、`maxlength="13"` (13文字って短いですね...)

1

文言

2021/05/27 13:03

投稿

int32_t
int32_t

スコア21929

answer CHANGED
@@ -2,8 +2,8 @@
2
2
  > 氏名はnullはダメで、1文字以上100文字以内で入力しないと登録できない。
3
3
  > メールアドレスはnullはダメで、1文字以上13文字以内で、メールアドレスの形式で入力しないと登録できない。
4
4
 
5
- JavaScript要らそうですね。
5
+ JavaScriptなしで、HTMLの属性だけでできそうですね。
6
6
 
7
7
  * 社員番号: `required` 属性、`minlength="6"` `maxlength="6"` (または `pattern=".{6}"`)
8
- * 名: `required` 属性、`maxlength="100"`
8
+ * 名: `required` 属性、`maxlength="100"`
9
9
  * メールアドレス `type="email"`、`maxlength="13"` (13文字って短いですね...)