質問編集履歴

2

修正

2020/06/24 01:40

投稿

Sonono
Sonono

スコア85

test CHANGED
File without changes
test CHANGED
@@ -17,3 +17,77 @@
17
17
 
18
18
 
19
19
  ![フォーム](57b27de7b18369ff4d167b2c898ace78.png)
20
+
21
+
22
+
23
+
24
+
25
+ ソースコードはcakephpになりますが、載せておきます。
26
+
27
+ ```
28
+
29
+ <div class="block-mb-sm">
30
+
31
+ リンク送付先のメールアドレスを入力してください。
32
+
33
+ </div>
34
+
35
+ <?= $this->Flash->render() ?>
36
+
37
+ <?= $this->Form->create($shareByEmail) ?>
38
+
39
+ <?= $this->Form->input('email', [
40
+
41
+ 'class' => 'js-email',
42
+
43
+ 'label' => [
44
+
45
+ 'text' => 'メールアドレス' . $this->Html->icon('asterisk', ['class' => 'text-danger mandatory']),
46
+
47
+ 'escape' => false,
48
+
49
+ ],
50
+
51
+
52
+
53
+ ])
54
+
55
+ ?>
56
+
57
+ <?= $this->Form->textarea('comment', [
58
+
59
+ 'class' => 'js-text',
60
+
61
+ 'label' => [
62
+
63
+ 'text' => 'コメント',
64
+
65
+ 'escape' => false,
66
+
67
+ ],
68
+
69
+
70
+
71
+ ])
72
+
73
+ ?>
74
+
75
+ <div class="text-center">
76
+
77
+ <?= $this->Form->button('送信', [
78
+
79
+ 'type' => 'button',
80
+
81
+ 'class' => 'primary btn-submit',
82
+
83
+ 'id' => 'js-submit-button',
84
+
85
+ ])
86
+
87
+ ?>
88
+
89
+ </div>
90
+
91
+ <?= $this->Form->end() ?>
92
+
93
+ ```

1

情報の追加

2020/06/24 01:40

投稿

Sonono
Sonono

スコア85

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,19 @@
1
1
  cakephp3で表示している入力フォームについて、送信ボタンを押さずともプレビュー画面が出るようにしたいです。ちょうどteratailの質問入力フォームのようにしたいです。
2
2
 
3
3
  jQueryで実現したいのですが、どのように作ったらいいでしょうか?調べてもこれといったものが出てこずやり方がわからないので、大雑把な流れでもいいので教えていただきたいです。
4
+
5
+
6
+
7
+ 【追記】
8
+
9
+ 以下のような入力フォームがあり、メールアドレスとコメントを入力し、送信ボタンを押すとメールが送信されるようになっています。
10
+
11
+ メール本文は定型文で決まっているのですが、コメントをつけ加えることができる仕様です。
12
+
13
+ そのため、送信ボタンを押す前に入力されたコメントと定型文を合体したものをインタラクティブに表示したいと思っています。よろしくお願いします。
14
+
15
+
16
+
17
+
18
+
19
+ ![フォーム](57b27de7b18369ff4d167b2c898ace78.png)