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

質問編集履歴

1

タイトルの変更、内容を一部変更しました。

2020/10/04 09:13

投稿

beginner.tanaka
beginner.tanaka

スコア23

title CHANGED
@@ -1,1 +1,1 @@
1
- form_withにname属性を追加する方法を教えてください。
1
+ javascriptのdisabledの解除方法を教えてください。
body CHANGED
@@ -8,28 +8,42 @@
8
8
 
9
9
 
10
10
  ### 該当のソースコード
11
- キャンセボタンを押した時に実行されるコードです。
11
+ javascriptファイ実行されるコードです。
12
12
 
13
13
  ```ここに言語名を入力
14
14
  javascriptファイル
15
15
 
16
+ const confirm = () => {
17
+ const form = document.getElementById("itemConfirm");
18
+ form.addEventListener("submit", (e) => {
19
+ e.preventDefault();
20
+
21
+ var result = window.confirm('ボタンをクリック!');
22
+
23
+ if( result ) {
24
+ console.log('OKがクリックされました');
25
+ document.getElementById("itemConfirm").submit();
26
+ }
16
27
  else {
17
- console.log('キャンセルされました');
28
+ console.log('キャンセルがクリックされました');
18
29
  let formElements = document.forms.contactForm;
19
30
  formElements.submit.disabled = false;
31
+
20
32
  }
21
33
 
34
+
35
+ });
36
+ };
37
+ window.addEventListener("load", confirm);
22
38
  ```
23
- .erbファイルのform_withに、name属性を付与(name="contactForm")することができたら、
24
- 値を取得し、disabledを解除できると思うのですが、付与させることができません。
25
39
 
40
+
26
41
  ```
27
42
 
28
-
29
43
  .erbファイル
30
44
 
31
- <%= form_with url: address_path, id: 'confirm',html:{name: "contactForm"},class: 'transaction-form-wrap',local: true do |f| %>
45
+ <%= form_with(model: @item, id: 'itemConfirm', html:{name: "contactForm"},local: true) do |f| %>
32
46
  ```
33
47
 
34
- 上記の考え方は間違いではないしょか?
48
+ 上記の記述、disabled解除きると思のですが、解除できませんでした。
35
49
  よろしくお願いいたします。